Question

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

我在想，也许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包装器。

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

1 个答案: