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设置的参考。

这可能吗？ THX！

Answer 1

你的风格可以class，花式框可以有fancybox.iframe。您可以跳过课程type并在自定义fancybox脚本中设置<a class="fancybox my_iframe" ...，以便

fancybox

其中my_iframe类用于触发fancybox，而（更改）$(".fancybox").fancybox({ width: 640, // or whatever height: 320, type: "iframe" });类用于样式化

然后此脚本将打开iframe

{{1}}

fancybox 2：用JS调用所有iframe？

1 个答案: