根据链接的域创建模态窗口

Question

有人知道是否可以使用fancybox 或其他基于页面链接域的东西来创建模式窗口吗？我在页面上显示查询的输出，但我无法将 CSS 类信息添加到输出中。因此，我想知道 jQuery 是否有可能在页面加载插入类时弄清楚它。这是我正在使用的输出 HTML。

More Info

页面链接：http://goo.gl/pA3W7Y

我在想也许 jQuery 可以匹配术语“更多信息”。如果该术语出现在页面上，它将与之匹配。我真的在这里挠头。任何见解将不胜感激。干杯。

史蒂夫。

Answer 1

您可以使用 regex 或 indexOf 轻松完成此操作。

indexOf 示例：

$(document).ready(function() {
    $('a').each(function(x) {
        var link = $(this).attr('href'); //get href from <a>
        var s = "learning.westerncpe.com/local/api/html.php";
        if (link.indexOf(s) !== -1) {
            $(this).addClass('fancybox');
        }
    });
});

$('.fancybox').click(function (e) {
    $('.fancybox').fancybox({
        'autowidth': 'true',
        'width': 900,
        'height': 700,
        'type': 'iframe'
    });
});

编辑：意识到您将通过页面上的链接执行此操作，因此添加了 jQuery 包装器。