在 Fancybox 中查看购物车的内容，IE8 中只有空白页

Posted 2023-05-09

【中文标题】在 Fancybox 中查看购物车的内容，IE8 中只有空白页

【英文标题】：View contents of cart inside Fancybox, blank page only in IE8

【发布时间】：2013-01-10 19:57:10

【问题描述】：

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

【参考方案1】：

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

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

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

【讨论】：

这行得通，谢谢。如何将跨度类图像放入其中？这不起作用：<a class="fancybox fancybox.iframe" href="http://www.riptest.info/fancyboxtest.html"><span class="displace">Buy A Beat</span></a>

没关系，我忘了在其中添加翻转，现在可以使用：<a class="fancybox fancybox.iframe rollover" href="http://www.riptest.info/fancyboxtest.html"><span class="displace">Buy A Beat</span></a> 谢谢 Janis！