javascript - 基于链接域创建模态窗口

Question

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

More Info

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

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

史蒂夫。

Answer 1

您可以使用正则表达式或 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 包装器。