Fancybox funktioniert nicht mit jQuery v1.9.0 [f.browser ist undefiniert / Eigenschaft 'msie' kann nicht gelesen werden]

Fancybox bricht mit der neuen jQuery v1.9.0.

Dies betrifft sowohl Fancybox v1.3.4 als auch darunter - und - v2.1.3 und darunter.

Die angezeigten Fehler sind:

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

... andere Fehler

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'

In 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

Wenn Sie damit jQuery aufrufen:

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

... jede Ihrer vorhandenen Fancybox-Implementierungen wird fehlschlagen !!

Es scheint, dass es einen Fehler in jQuery gibt, der hier gemeldet wird: http://bugs.jquery.com/ticket/13183 , der das Fancybox-Skript beschädigt.

Weitere Informationen finden Sie unter https://github.com/fancyapps/fancyBox/issues/485 .

Um dieses Problem zu umgehen , führen Sie ein Rollback auf jQuery v1.8.3 durch, während entweder der jQuery-Fehler behoben oder Fancybox gepatcht ist.

UPDATE (16. Januar 2013): Fancybox v2.1.4 wurde veröffentlicht und funktioniert jetzt einwandfrei mit jQuery v1.9.0.

Für Fancybox v1.3.4- müssen Sie noch ein Rollback auf jQuery v1.8.3 durchführen oder das Migrationsskript anwenden, wie in der Antwort von @ Manu angegeben.

UPDATE (17. Januar 2013): Problemumgehung für Benutzer von Fancybox v1.3.4 :

Patchen Sie die Fancybox-JS-Datei , damit sie mit jQuery v1.9.0 wie folgt funktioniert:

1. Öffnen Sie die Datei jquery.fancybox-1.3.4.js (Vollversion, keine Packversion ) mit einem Text- / HTML-Editor.

2. Finden Sie in der Zeile 29, wo steht:

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

   und ersetzen Sie es durch ( EDITED 19. März 2013: genauerer Filter):

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

   UPDATE (19. März 2013): Ersetzen Sie auch $.browser.msiedurch navigator.userAgent.match(/msie [6]/i)Zeile 615 (und / oder ersetzen Sie alle $.browser.msieInstanzen, falls vorhanden), danke joofow ... das war's!

Oder laden Sie die bereits gepatchte Version von HIER herunter (AKTUALISIERT am 19. März 2013 ... danke fairylee für den Hinweis auf die zusätzliche schließende Klammer)

HINWEIS : Dies ist ein inoffizieller Patch, der vom Autor von Fancybox nicht unterstützt wird, jedoch wie er ist funktioniert. Sie können es auf eigenes Risiko verwenden;)

Optional können Sie lieber ein Rollback auf jQuery v1.8.3 durchführen oder das Migrationsskript anwenden, wie in der Antwort von @ Manu angegeben.

Hallo, das liegt an der neuen Version von jQuery => 1.9.0

Sie können das Update überprüfen: http://blog.jquery.com/2013/01/15/jquery-1-9-final-jquery-2-0-beta-migrate-final-released/

jQuery.Browser ist veraltet. Sie können die neueste Version beibehalten, indem Sie ein Migrationsskript hinzufügen: http://code.jquery.com/jquery-migrate-1.0.0.js

ersetzen:

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

durch :

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

in Ihrer Seite und es funktioniert.

Globale Ereignisse sind ebenfalls veraltet.

Hier ist ein Patch, der die Browser- und Ereignisprobleme behebt:

--- 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();

Falls noch jemand Legacy Fancybox mit jQuery 3.0+ unterstützen muss, müssen Sie einige weitere Änderungen vornehmen:

.unbind () veraltet

Ersetzen Sie alle Instanzen von .unbinddurch.off

.removeAttribute () ist keine Funktion

Ändern Sie die Zeilen 580-581, um .removeAttr()stattdessen jQuery's zu verwenden:

Alter Code:

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

Neuer Code:

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

Dies in Kombination mit dem anderen oben genannten Patch löste meine Kompatibilitätsprobleme.