Fancybox v.2.1.2 无法在 IE7 上打开答案

【问题标题】：Fancybox v.2.1.2 not opening on IE7Fancybox v.2.1.2 无法在 IE7 上打开
【发布时间】：2012-10-19 16:53:12
【问题描述】：

我在 Wordpress 中使用 Fancybox v.2.1.2（不是插件）。在 IE7 中，我有加载但它根本没有打开任何东西。

这是我的 JS 代码

<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src="/path/to/fancybox/source/jquery.fancybox.js?v=2.1.2"></script>
<link rel="stylesheet" type="text/css" href="/path/to/fancybox/source/jquery.fancybox.css?v=2.1.2" media="screen" />
<script>
jQuery(document).ready(function() {
     jQuery("a.fancybox").fancybox({
        padding : 0
    });  
});
</script>

这是我页面中的代码：

<a href="/path/to/images/P1050615.jpg" class="fancybox" rel="gallery[283]"></a>
<div class="hidden">
 <a class="fancybox" href="/path/to/images/P1050616.jpg" rel="gallery[283]"><img src="/path/to/images/P1050616.jpg"></a>
 <a class="fancybox" href="/path/to/images/P1050617.jpg" rel="gallery[283]"><img src="/path/to/images/P1050617.jpg"></a>
</div>

我正在使用 HTML5 Doctype，但即使我更改它，它也不会改变任何东西。

【问题讨论】：

它在其他浏览器中是否有效？你是否也添加了 jQuery 库？
它在 IE8 或 IE9 中工作吗？ IE 对 javascript 很挑剔，漏掉 ',' 或 ';'将导致它失败，使用 console.log 也会停止脚本，因为默认情况下没有定义控制台。在我看来，问题实际上并不在于您的花哨代码，而是其他问题。
是的，它确实适用于 IE8 和 IE9，是的，我在我的 fancybox 脚本之前添加了 Jquery 库。我想这是别的东西......控制台只是给我这个错误，但它也存在于 IE8 和 IE9 中。 'SEC7115: 可见链接和咨询的样式可能有不同的颜色。某些样式未应用于所咨询的链接。'

标签： jquery internet-explorer-7 fancybox-2

【解决方案1】：

恐怕这是一个错误（这不是你的错，不是你的代码）。

我已直接联系开发人员，他向我确认该问题有望在下一次提交中得到解决。

您可以同时回滚到 v2.1.1 版本。

更新：Fancybox v2.1.3 已发布

更新日志 2.1.3 版 - 2012 年 10 月 23 日

已修复 #426 - IE7 损坏
已修复 #423 - iOS 上的背景闪烁
已修复 #418 - 自动增长/收缩和居中
更新了脚本以使用 jQuery 1.6
媒体助手支持 YouTube 视频系列

【讨论】：

@Sducasse : 版本 2.1.3 可用并且 IE7 问题已修复。
是的，对不起。至少我知道确实有人关心IE7 :)
您会惊讶地发现有多少人仍在使用这个旧浏览器。至少，我们不必再关心 IE6 了 :)

【解决方案2】：

我发现了这个错误......不是在 Fancybox 中，而是在 IE7、IE8 和 IE9 中！

如果您使用包含以下 CSS 的页面创建 iframe，则 IE 不会显示该页面：

html { position: relative; }

如果你认识目标页面的站长，请他删除这个CSS声明，它的页面的显示不应该改变......否则，据我所知没有解决方案！

就是这样！

【讨论】：