Fancybox: JS-Fehler mit jQuery 1.9+

Datum: 25. März 2014
Autor*in: Stefan Oswald


Die letzte freie Version von Fancybox (1.3.4) beinhaltet eine Inkompatibilität mit jQuery ab Version 1.9, da dort die Unterstützung für jQuery.browser eingestellt worden ist. Darauf will das Fancybox-Script aber zugreifen. Das hat zur Folge, dass es auf der Konsole des verwendeten Browsers zu einer Fehlermeldung kommt und dass ggf. sonstiger JavaScript Code auf der Seite nicht mehr ausgeführt wird.

Konkret geht es nur um einen simplen Check für IE6. Dieser ist für uns grundsätzlich nicht mehr relevant. Anstatt den Code herauszuwerfen kann man ihn jedoch auch ganz einfach reparieren.

ACHTUNG: Es wird angenommen, dass die ungepackte Version von jquery.fancybox-1.3.4.js verwendet wird.

Zeile 28
Ersetze
isIE6 = $.browser.msie && $.browser.version < 7 && !window.XMLHttpRequest,
durch
isIE6 = navigator.userAgent.match(/msie [6]/i) && !window.XMLHttpRequest,

Zeile 615:
Ersetze
$.browser.msie
durch
navigator.userAgent.match(/msie [6]/i)

Danach sollte es keinen JS-Fehler mehr geben.


Dieser Artikel wurde verschlagwortet unter:


Kommentare

Selber kommentieren:






Weitere Beiträge zum Thema Technologie


Probleme mit Hochkommas in Produktliniennamen

Autor*in: Darian Dragut


Projekte // Technologie


Nach dem Basis-Setup der imx.Platform Instanz für Chiemgau wurde ich mit einem merkwürdigen Fehler konfrontiert. Sowohl in den Suchen für Stämme und Angebote als auch in deren Pflegemasken wurde der Produktlinienbaum nicht angezeigt. Noch merkwürdiger erschien mir der Fehler, nachdem ich feststellte, dass die Produktlinien in der Produktlinien-Administration hingegen problemlos angezeigt werden. Da keinerlei Fehler …


Beitrag lesen
02
DEZ
15

JavaScript, HTML5 & Angular Days 2016

Autor*in:


Technologie // Über den Tellerrand // User Experience & Design


Einige von uns Portalentwicklern waren im Oktober in Berlin auf den JavaScript, HTML5 & Angular Days 2016. Hier nachträglich noch kurz meine und Bennis Highlights: „Dem Benedikt seine Highlights“ CSS3 Flexbox Der Style „display: flex;“ ist ein unglaublich flexibles und simples Werkzeug, um Responsivität in die kleinsten Module zu bringen. Wo wir heute noch mit Style-Hacks arbeiten, …


Beitrag lesen
28
NOV
16