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.

Autor*in

Stefan Oswald

Web-Entwickler bei infomax am Standort Grassau

mehr erfahren alle Beiträge des Autors

Dieser Artikel wurde verschlagwortet unter:

Fancybox jQuery

Kommentare

Selber kommentieren:

Weitere Beiträge zum Thema Technologie

Google Maps und der Wikipedia-Layer

Autor*in: Benjamin Hofmann

Technologie

Seit dem Release von Google Maps v3 gab es keinen Wikipedia-Layer mehr, den man einfach so einblenden konnte. Laut diesem Issue bei Google wird das auch nicht mehr passieren, da der Layer zu wenig genutzt wird und der Aufwand für die Integration in keiner Relation zum Nutzen steht. Jedoch wurde dort eine API von einem …

17

JUL

12

Zepto.js

Autor*in: Benjamin Hofmann

Technologie

Heute nur ein kurzer Link zu einer Alternative zu jQuery mit einem wesentlich kleinerem Footprint (30 statt 85 KB), aber der gleichen API und Funktionalität: Zepto.js Bei einem unserer Kunden ist das bereits im Einsatz und mittels folgender Zusatz-Module und einem kleinen Polyfill auch als Basis für das imx.Autocomplete und imx.Mapwork im Einsatz, welche beide …

30

SEP

16

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, …

28

NOV

16

Photoshop-Ebenenstile als CSS3-Code exportieren

Autor*in: Michael Degener

Technologie // User Experience & Design

Ob Designer oder Entwickler, jeder der schon einmal eine Screen-Vorlage mit all seinen Ebenen mittels HTML und CSS zum Leben erwecken musste, hat sich insgeheim sicherlich schon einmal gewünscht, dass sich dabei manche Arbeitsschritte beschleunigen ließen. Wer kennt sie nicht, die allgegenwärtigen Buttons in Formularen, Teasern und Schnellsuchen. Von runden Ecken über Konturen und Schlagschatten …

03

AUG

12