Fancybox iframe 并不总是有效。 :(答案

【问题标题】：Fancybox iframe doesn't always work. :(Fancybox iframe 并不总是有效。 :(
【发布时间】：2012-06-04 10:04:24
【问题描述】：

我是fancybox (1) 来显示带有 iframe 的弹出式覆盖。它在我单击锚点的地方起作用，而不是进入页面，fancybox 脚本会覆盖命令并强制 iframe 弹出。

<a href="iframe.html" class="fancybox.iframe">click here</a>

偶尔会发生的情况是，用户会点击链接，但浏览器会转到 iframe 链接并且没有弹出窗口。

有没有办法让元素成为 div 而不是锚点，并给它一个 fancybox 识别的 URL 属性，这样就不会访问 iframed 页面？

【问题讨论】：

标签： jquery html iframe fancybox

【解决方案1】：

对于fancybox v1.3.x，您不应使用class="fancybox.iframe"，而应使用class="iframe" 或在您的自定义脚本中设置"type":"iframe" 选项，例如：

$(".iframe").fancybox({
 "type":"iframe",
 "width": 620, //or whatever value you prefer
 "height": 320
});

【讨论】：

【解决方案2】：

Fancybox v.2.0.6 怎么样？

这是我的代码：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<link rel="stylesheet" href="css/fancybox/jquery.fancybox.css?v=2.0.6" type="text/css" />
<script type="text/javascript" src="css/fancybox/jquery.fancybox.js?v=2.0.6"></script>


<a class="fancybox fancybox.iframe" href="http://www.....etc></a>

...
<script>
$(document).ready(function() {

    $(".fancybox").fancybox();

});
</script>

</body>

谢谢！

【讨论】：