Question

我正在使用Mal's Cart，我希望View Cart链接显示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中工作，因为它在所有其他浏览器中都可以吗？ / p>

Answer 1

我不知道为什么，但在这种情况下，禁用预加载会修复您的IE问题。

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

请参阅 - http://jsfiddle.net/hwvqf/1/

查看Fancybox内的购物车内容，仅在IE8中显示空白页

1 个答案: