jquery - 一页有2个不同的fancybox

Question

我在同一页面中有两种类型的花式框：

我遇到的问题是，当我单击图片库时，效果很好。但是在那之后，当我点击正常的fancybox链接时，这个链接似乎也像图片库一样工作（我的意思是没有边框，不同的关闭按钮等）。

反之亦然。即正常链接后点击图片库正常。

我有 2 个不同的链接，有 2 个不同的类——fancybox、fancybox_picture。

在文件加载时我写

 $('.fancybox.iframe').fancybox({
 //options
 });

 $('.fancybox_picture.iframe').fancybox({
 //different options
 });

我也尝试使用 .live () ，但没有运气。

score 1 · Accepted Answer

Fancybox (v2.x) 使用一种特殊class name的方式来确定内容的类型：fancybox.iframe

您的选择$('.fancybox.iframe')器使花式框感到困惑。

最好$('.fancybox')只使用$('.fancybox_picture')。

另一方面，如果你想用“ iframe”类型的内容打开fancybox，你有两个（更好的）选择：

type: "iframe"1）在您的自定义fancybox脚本中选择API选项，例如

 $('.fancybox').fancybox({
  //options
  type: "iframe"
 });
 $('.fancybox_picture').fancybox({
  //different options
  type: "iframe"
 });

... 或者

2）将课程添加fancybox.iframe到您的锚点，例如

<a href="{target}" class="fancybox fancybox.iframe"> open 01</a>
<a href="{target}" class="fancybox_picture fancybox.iframe"> open 02</a>

1 回答 1