0

我正在使用Mal 的购物车,我希望查看购物车链接在 Fancybox 窗口中显示购物车内容。这适用于 Windows Firefox 18、Chrome 24、Opera 12 和 Safari,但在 IE8 中,fancybox 将弹出空白,刷新框将显示内容。打开兼容性视图,它工作正常。

http://www.riptest.info 使用IE8,点击第一个帖子的“购买许可证”按钮就可以了,然后点击左侧边栏中的“查看购物车”按钮,弹出一个空白页面,刷新白色页面并显示内容。

购买许可证按钮的代码:

<a href="http://www.riptest.info/fancyboxtest.html" class="iframe rollover"><span class="displace">Buy A Beat</span></a>

sidebar.php 查看购物车按钮的代码:

<a href="http://ww11.aitsafe.com/cf/review.cfm?userid=D886658" class="iframe"><img src="http://www.rockitpro.com/misc/viewcart.gif" width="130px" height="20px" alt="View Your Cart" border="0px"></a>

footer.php 代码(之前</body>):

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="http://www.riptest.info/wp-content/themes/acosmin-v3/fancybox/source/jquery.fancybox.pack.js?v=2.1.4"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".iframe").fancybox({
'fitToView': false,
'autoSize': false,
'scrolling': 'no',
'maxWidth': 820,
'maxHeight': 600,
'width': 800,
'height': 600,
'type':'iframe'
    });
});
</script>

我知道这可能是购物车链接,而我的 fancybox 代码没有针对这种类型的链接设置?这超出了我的专业知识,所以我正在寻求帮助。我有 2 个查看购物车按钮的可用选项http://www.mals-e.com/tpv.php?tp=2但是让 Fancybox 使用表单似乎比它需要的复杂得多,超链接应该在 IE8 中工作,因为它适用于所有其他浏览器,对吗?

4

1 回答 1

3

我不知道为什么,但在这种情况下,禁用预加载可以解决您的 IE 问题。

 $(".fancybox").fancybox({
     iframe : {
         preload: false
     }
 });

见 - http://jsfiddle.net/hwvqf/1/

于 2013-01-27T21:24:29.237 回答