Youtube IFrame Internet Explorer上的Fancybox错误

Fancybox Error on Youtube IFrame Internet Explorer

本文关键字：Fancybox 错误 上的 Explorer IFrame Internet Youtube      更新时间：2023-09-26

我在我的页面上添加了一个FrancyBox Youtube Iframe，但是当我关闭Iframe时，我从Interet资源管理器9.0（大约15或更高版本）收到带有Javascript错误的对话框。

http://descuentalomallorca.com/uploads/fancy/demo/index.html

这只是发生在 Youtube 链接上，我也在以下示例中尝试过：http://fancyapps.com/fancybox/

我得到同样的结果，有什么想法吗？

错误 http://descuentalomallorca.com/uploads/fancy/fancy.jpg 的 Img

这对

我有用（我知道非常糟糕的代码技巧）

在花式框上添加一个beforeClose事件。该函数会先将 iframe 的 src 设置为 about:blank ，500 ms 后它真的会关闭花哨框（直接关闭它仍然会得到错误）

beforeClose : function() { 
  if(!window.mayclosebox) {
    $('.fancybox-iframe').attr('src','about:blank');window.mayclosebox = true;setTimeout('$.fancybox.close();',500);return false;
  } else { 
    window.mayclosebox = false;return true; 
  } 
}

其他灯箱也报告了该错误，包括colorbox（之前提出的放弃花式盒子不是解决方案）...它更像是一个IE9错误。您可以在此处阅读更多内容

报告与colorbox相同问题的人似乎已经找到了解决方法，添加了

<meta http-equiv="X-UA-Compatible" content="IE=8" />

这不是你的代码。如果您尝试在fancybox网站上使用Youtube链接，您会发现它也发生在那里。即使在花式盒子 2 上。

您可以在未压缩版本中找到问题的根源，也可以切换到使用其他库。其中一个库是Colorbox。他们在那里的YouTube示例没有这些回调错误。qTip2 也可以工作，但并不是真正为像花哨的实现那样设计的。可能还有更多的库，谷歌搜索花哨的盒子替代品会找到它们。

相关文章：