0

我正在为我遇到的问题寻求帮助。我有一个 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 的代码是什么样子的？

4

2 回答 2

0

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

于 2013-09-26T20:04:17.057 回答
0

目前，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 类或数据属性，并将其添加到选择器中。

于 2013-09-26T20:05:04.947 回答