FancyboxはjQuery v1.9.0では機能しません[f.browserが未定義/プロパティ 'msie'を読み取れません]

Fancyboxは新しいjQuery v1.9.0で壊れます。

Fancybox v1.3.4以下と-v2.1.3以下の両方に影響します。

表示されるエラーは次のとおりです。

v1.3.4：

Timestamp: 15/01/2013 10:03:28 AM
Error: TypeError: b.browser is undefined
Source File: ...fancybox/jquery.fancybox-1.3.4.pack.js
Line: 18

...その他のエラー

Uncaught TypeError: Cannot read property 'msie' of undefined jquery.fancybox-1.3.4.pack.js:18
Uncaught TypeError: Object [object Object] has no method 'fancybox'

v2.1.3では：

Timestamp: 15/01/2013 10:09:58 AM
Error: TypeError: $.browser is undefined
Source File: h.../fancybox2.1.3/jquery.fancybox.js
Line: 139

これを使用してjQueryを呼び出す場合：

<script src="http://code.jquery.com/jquery-latest.js"></script>

... 既存のfancybox実装は失敗します!!

ここで報告されているjQueryのバグが存在するようです：http : //bugs.jquery.com/ticket/13183 Fancyboxスクリプトを破壊します。

詳細については、https：//github.com/fancyapps/fancyBox/issues/485も確認してください。

回避策として、jQueryのバグを修正するか、Fancyboxにパッチを適用しながら、jQuery v1.8.3にロールバックします。

更新（2013年1月16日）：Fancybox v2.1.4がリリースされ、jQuery v1.9.0で正常に動作します。

fancybox v1.3.4-の場合、@ Manuの回答で指摘されているように、jQuery v1.8.3にロールバックするか、移行スクリプトを適用する必要があります。

更新（2013年1月17日）：Fancybox v1.3.4のユーザーに対する回避策：

fancybox jsファイルにパッチを適用して、jQuery v1.9.0で次のように動作するようにします。

1. 開きjquery.fancybox-1.3.4.jsファイル（フルバージョン、バージョンをパックしないテキスト/ HTMLエディタで）。

2. それが言うところの29行目を見つけてください：

   isIE6 = $.browser.msie && $.browser.version < 7 && !window.XMLHttpRequest,

   （2013年3月19日編集：より正確なフィルター）に置き換えます。

   isIE6 = navigator.userAgent.match(/msie [6]/i) && !window.XMLHttpRequest,

   UPDATE（2013年3月19日）：また置き換える$.browser.msieことにより、navigator.userAgent.match(/msie [6]/i)ライン615（および/またはすべて置き換えるの周りの$.browser.msieいずれかの場合には、インスタンス）、おかげでjoofow ...それです！

または、ここからパッチ済みのバージョンをダウンロードしてください（2013年3月19日更新... 余分な終了ブラケットを指摘してくれたfairyleeに感謝）

注：これは非公式のパッチであり、Fancyboxの作者によってサポートされていませんが、現状では機能します。自己責任で使用してください;）

オプションで、@ Manuの回答で指摘されているように、jQuery v1.8.3にロールバックするか、移行スクリプトを適用することもできます。

こんにちは、jQueryの新しいバージョンが原因です=> 1.9.0

あなたはアップデートをチェックすることができます：http : //blog.jquery.com/2013/01/15/jquery-1-9-final-jquery-2-0-beta-migrate-final-released/

jQuery.Browserは非推奨です。移行スクリプトを追加することで最新バージョンを維持できます：http : //code.jquery.com/jquery-migrate-1.0.0.js

交換してください：

<script src="http://code.jquery.com/jquery-latest.js"></script>

沿って ：

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.0.0.js"></script>

あなたのページとその働きで。

グローバルイベントも非推奨になりました。

これは、ブラウザとイベントの問題を修正するパッチです。

--- jquery.fancybox-1.3.4.js.orig   2010-11-11 23:31:54.000000000 +0100
+++ jquery.fancybox-1.3.4.js    2013-03-22 23:25:29.996796800 +0100
@@ -26,7 +26,9 @@

        titleHeight = 0, titleStr = '', start_pos, final_pos, busy = false, fx = $.extend($('<div/>')[0], { prop: 0 }),

-       isIE6 = $.browser.msie && $.browser.version < 7 && !window.XMLHttpRequest,
+       isIE = !+"\v1",
+       
+       isIE6 = isIE && window.XMLHttpRequest === undefined,

        /*
         * Private methods 
@@ -322,7 +324,7 @@
            loading.hide();

            if (wrap.is(":visible") && false === currentOpts.onCleanup(currentArray, currentIndex, currentOpts)) {
-               $.event.trigger('fancybox-cancel');
+               $('.fancybox-inline-tmp').trigger('fancybox-cancel');

                busy = false;
                return;
@@ -389,7 +391,7 @@
                        content.html( tmp.contents() ).fadeTo(currentOpts.changeFade, 1, _finish);
                    };

-                   $.event.trigger('fancybox-change');
+                   $('.fancybox-inline-tmp').trigger('fancybox-change');

                    content
                        .empty()
@@ -612,7 +614,7 @@
            }

            if (currentOpts.type == 'iframe') {
-               $('<iframe id="fancybox-frame" name="fancybox-frame' + new Date().getTime() + '" frameborder="0" hspace="0" ' + ($.browser.msie ? 'allowtransparency="true""' : '') + ' scrolling="' + selectedOpts.scrolling + '" src="' + currentOpts.href + '"></iframe>').appendTo(content);
+               $('<iframe id="fancybox-frame" name="fancybox-frame' + new Date().getTime() + '" frameborder="0" hspace="0" ' + (isIE ? 'allowtransparency="true""' : '') + ' scrolling="' + selectedOpts.scrolling + '" src="' + currentOpts.href + '"></iframe>').appendTo(content);
            }

            wrap.show();
@@ -912,7 +914,7 @@

        busy = true;

-       $.event.trigger('fancybox-cancel');
+       $('.fancybox-inline-tmp').trigger('fancybox-cancel');

        _abort();

@@ -957,7 +959,7 @@
            title.empty().hide();
            wrap.hide();

-           $.event.trigger('fancybox-cleanup');
+           $('.fancybox-inline-tmp, select:not(#fancybox-tmp select)').trigger('fancybox-cleanup');

            content.empty();

まだ誰かがjQuery 3.0+でレガシーfancyboxをサポートする必要がある場合に備えて、次の変更が必要です。

.unbind（）非推奨

のすべてのインスタンス.unbindを.off

.removeAttribute（）は関数ではありません

.removeAttr()代わりにjQueryを使用するように580-581行を変更します。

古いコード：

580: content[0].style.removeAttribute('filter');
581: wrap[0].style.removeAttribute('filter');

新しいコード：

580: content.removeAttr('filter');
581: wrap.removeAttr('filter');

これを上記の他のパッチと組み合わせると、互換性の問題が解決しました。