fancybox 2：使用 JS 调用所有 iframe？

Question

我正在使用带有 iframe 的 Fancybox 2，但我在 JQuery 方面没有经验。 我有不同的 iframe 样式类，我想用 JS 做一些常规设置。

我可以调用一个特定的 iframe 类：

$(".my_iframe").fancybox({

所以我需要类似的东西：

$(".fancybox.iframe").fancybox({

fancybox 2 的官方演示中描述了“fancybox.iframe”类将类型设置为 iframe。这适用于以下 html：

<a class="fancybox.iframe my_iframe" href="iframe.html" title="test">My Iframe</a>

我想要的是为每个 iframe 设置默认设置，并为某些 iframe 设置一些特定设置，因此我不必为每个更改的类名设置新设置...

感谢您的帮助！

编辑：

这是我想要的一个例子：

我有两个链接：

<li><a class="fancyframe" href="iframe.html" title="Dies ist ein iframe... sehr schön!">Iframe</a></li>
<li><a class="fancyframe my_iframe" href="iframe.html" title="Dies ist ein iframe... sehr schön!">My Iframe</a></li>

还有两个JS：

$(".fancyframe").fancybox({
    type : 'iframe',
});

$(".my_iframe").fancybox({
    width       : '75%',
    height      : '75%',
    autoScale   : false,
    // etc...
});

第二个 (.my_iframe) 应该获得 .fancyframe 的设置（在本例中为类型）。 .fancyframe 将成为我默认 iframe 设置的参考。

这可能吗？ 谢谢！

Answer 1

您可以有一个class 用于您的风格，一个用于fancybox。您可以跳过课程fancybox.iframe 并在您的自定义fancybox 脚本中设置type，这样

<a class="fancybox my_iframe" ...

其中fancybox 类用于触发fancybox，而（更改）my_iframe 类用于样式

然后这个脚本将打开 iframe

$(".fancybox").fancybox({
 width: 640, // or whatever
 height: 320,
 type: "iframe"
});