Fancybox 在 IE8 中不起作用 - 不支持方法“onCleanup”答案

【问题标题】：Fancybox not working in IE8 - method "onCleanup" not supportedFancybox 在 IE8 中不起作用 - 不支持方法“onCleanup”
【发布时间】：2011-06-28 06:41:14
【问题描述】：

所以我正在测试fancybox。使用这个简单的示例（在正文中定义：

<link rel="stylesheet" href="../../Content/Scripts/fancybox/jquery.fancybox-1.3.4.css"
type="text/css"/>
<script type="text/javascript" src="../../Content/Scripts/fancybox/jquery.fancybox-1.3.4.js"></script>
<script type="text/javascript" src="../../Content/Scripts/fancybox/jquery.easing-1.3.pack.js"></script>

<script type="text/javascript">
function ShowModal() {
    $.fancybox('<h2>test</h2><p>asdf</p>', {
        'transitionIn': 'fade',
        'transitionOut': 'fade'
    });
}
</script>

我在别处调用了 ShowModal 函数，并且在 head 中也引用了 jquery。

这在 Firefox 和 Chrome 中都可以正常工作 - 但在 IE8 中我在第 324 行收到一个 js 错误 - 可能与“onCleanup”方法有关。

我之前有这个错误： Uncaught TypeError: Object # has no method 'onCleanup'

我认为这是 IE 抱怨的同一个错误，我仔细检查了一些脚本路径，错误在 Chrome 中消失了，但 IE 仍然抱怨 - 谁能帮助我？

【问题讨论】：

标签： jquery fancybox

【解决方案1】：

这当然是因为我的链接标签不在头部 - 我真的要停止思考斑马，只是因为我看到了条纹。

【讨论】：

【解决方案2】：

关于这个错误（currentOpts.onCleanup [undefined] 的结果不是第 324 行的函数）

我今天花了大约 4 个小时试图弄清楚这一点。我确实包含了fancybox 样式表，而且我做的一切都是正确的。原来 FancyBox 中有一个愚蠢的错误。我已经找到原因了：

如果任何具有非空白标题属性的样式表出现在 Fancybox css 之前，您将收到此错误。这发生在所有浏览器中。

会抛出这个错误：

<head>
<title>OH NOES</title>
<link rel="stylesheet" href="/css/mysite.css" type="text/css" media="all" title="Main Styles" charset="utf-8">
<link rel="stylesheet" href="/css/jquery.fancybox-1.3.4.css" type="text/css" media="screen" title="Modal Dialog Support" charset="utf-8">

解决方案是做这些事情之一

1.在fancybox css之前包含的任何样式表都没有标题属性

<head>
<title>THIS WILL WORK</title>
<link rel="stylesheet" href="/css/mysite.css" type="text/css" media="all" charset="utf-8">
<link rel="stylesheet" href="/css/jquery.fancybox-1.3.4.css" type="text/css" media="screen" title="Modal Dialog Support" charset="utf-8">

2.或者，先包含fancybox的css。

<head>
<title>THIS WILL WORK TOO</title>
<link rel="stylesheet" href="/css/jquery.fancybox-1.3.4.css" type="text/css" media="screen" title="Modal Dialog Support" charset="utf-8">
<link rel="stylesheet" href="/css/mysite.css" type="text/css" media="all" title="Main Styles" charset="utf-8">

（感谢 Fancybox，浪费了我的半天时间。）

【讨论】：