一页中有2个不同的fancybox

Question

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

1. 图片库 - 没有边框的fancybox（选项中的填充设置为t 0），不同的关闭按钮等
2. 普通fancybox-这有边框等

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

这反过来也是如此。这就是图片库在正常链接后单击时正常工作。

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

在文档加载时我写

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

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

我也试过使用.live（），但没有运气。

Answer 1

Fancybox（v2.x）使用​​特殊class name来确定内容类型：fancybox.iframe

你的选择器$('.fancybox.iframe')让fancybox感到困惑。

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

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

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

 $('.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>