2011-02-16 13 views
2

したがって、私はfancyboxをテストしています。体内に定義されているこの単純な例(での作業:IE8で動作しないFancybox - メソッド "onCleanup"がサポートされていません

<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」方法におそらく関連を

私は前にこのエラーが持っていたクロム:。 キャッチされない例外TypeError:オブジェクト#は方法はありません「をonCleanup」私が想定し

ましたth同じエラーIEは、私はいくつかのスクリプトのパスをダブルチェックし、エラーがクロムに​​なってしまったが、IEはまだ不平を言っていた - 私は誰も助けてくれる?

答えて

2

私のリンクタグが頭にないので、もちろんです - 私は真剣にゼブラを考えるのをやめなければなりません。このエラーについて

2

私はこの1つを把握しようと、約4時間、今日を過ごし

([未定義] currentOpts.onCleanupの結果は、ライン324上の機能ではありません)。私はfancyboxスタイルシートを持っていましたが、私はすべてのことを正しくやっていました。 FancyBoxには愚かなバグがあります。

<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"> 

SOLUTIONは、任意のスタイルシートの属性ませタイトルTHESE THINGS

1.のいずれかを実行していない:

If any stylesheets with a non-blank title attribute appear before the Fancybox css, you will get this error. This occurs in all browsers.

このエラーがスローされます:私は原因を見つけましたファンシーボックスの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.または、最初にファンシーボックスの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、。)

関連する問題