Question

我正在寻找一些问题的帮助。我有一个WordPress网站，我的主题已经集成了fancybox。我想在我的网站上的外部链接也可以在fancybox中打开，而不仅仅是现在默认的图片。下面是我的scripts.js中调用fancybox的地方

    // Lightbox Init
var fancyboxArgs = {
    padding: 0,
    overlayColor: "#000",
    overlayOpacity: 0.85,
    titleShow: false
};
$('.gallery-icon a').attr('rel', 'post-gallery');
$("a[rel='gallery'], a[rel='lightbox'], .gallery-icon a, .colorbox").fancybox( fancyboxArgs );`

代码如何在外部链接上启动fancybox？

Answer 1

我要做的是设置另一个函数来搜索“外部”类，然后在iframe中打开fancybox。您可以轻松调整this以将类附加到外部链接。

Answer 2

目前，Fancybox在与此选择器匹配的DOM元素上初始化

$("a[rel='gallery'], a[rel='lightbox'], .gallery-icon a, .colorbox")

如果您要向该选择器添加外部链接，可以尝试将a[target='_blank']添加到选择器中，如下所示：

$("a[target='_blank'], a[rel='gallery'], a[rel='lightbox'], .gallery-icon a, .colorbox")

但是，这仅在外部链接当前在选项卡中打开时才有效。如果不是这种情况，您需要在外部链接中添加一些内容，以区别于CSS类或数据属性等内部链接，并将其添加到选择器中。

如何用fancybox打开外部链接

2 个答案: