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"但class="iframe"或设置"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>

谢谢你！

Fancybox iframe并不总是有效。 :(

2 个答案: