Fancybox无法在IE8中工作 - 不支持“onCleanup”方法

问题描述 投票:2回答:2

所以我正在测试fancybox。使用这个简单的例子(在body体内定义:

<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函数,并在头部引用了jquery。

这在Firefox和Chrome中都运行良好 - 但在IE8中我在第324行遇到了js错误 - 可能与“onCleanup”方法有关。

我是chrome我之前有这个错误:Uncaught TypeError:Object#没有方法'onCleanup'

我假设是IE抱怨的同样错误,我仔细检查了一些脚本路径并且Chrome中的错误消失了,但IE仍然抱怨 - 有人可以帮我吗?

jquery fancybox
2个回答
2
投票

这当然是因为我的链接标签不在头脑中 - 我真的不得不停止思考斑马,因为我看到条纹。


2
投票

关于此错误(currentOpts.onCleanup [undefined]的结果不是第324行的函数)

我今天花了大约4个小时试图找出这个。我DID包含了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.没有title属性你在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,浪费了我一半的时间。)

© www.soinside.com 2019 - 2024. All rights reserved.