0

我正在使用带有 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 设置的参考。

这可能吗？谢谢！

4

1 回答 1

0

你可以有一个class适合你的风格和一个fancybox。您可以跳过课程fancybox.iframe并type在您的自定义 fancybox 脚本中设置

<a class="fancybox my_iframe" ...

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

然后这个脚本将打开 iframe

$(".fancybox").fancybox({
 width: 640, // or whatever
 height: 320,
 type: "iframe"
});
于 2012-05-18T19:34:34.537 回答