jquery - Fancybox iframe 并不总是有效。:(

Question

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

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

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

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

Answer 1

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

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

Answer 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>

谢谢你！