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

Rückblick auf die WJAX 2017 in München

Autor*in: Regina Staller

Technologie

Am 09. Und 10. November dieses Jahres fand die WJAX in München statt und ich durfte zum ersten Mal daran teilnehmen. In diesem Blogartikel werde ich Euch einen kurzen Überblick über die Sessions, an denen ich teilgenommen habe geben. Die Themen der Sessions waren gemischt, es ging um Microservices, Continuous Delivery, Spring 5.0 und Spring …

17

NOV

17

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

ReCSS – Reload your CSS

Autor*in: Benjamin Hofmann

Technologie

Jeder kennt das Problem. Man ändert einen kleinen Style, bspw. ob der Text fett ist oder nicht und dann lädt man die Seite neu, um zu schauen wie es aussieht. Und dann wartet man. Lokal manchmal sogar ziemlich lang und das für die kleinste Anpassung. Es gibt jedoch ein kleines Bookmarklet, um die Style-Entwicklung zu …

22

AUG

12

kraken.io: Einfaches Web Interface zur Bild-Optimierung

Autor*in: Benjamin Hofmann

Technologie // User Experience & Design

Auch wenn wir inzwischen vermehrt skalierbare Iconfonts oder SVG-Grafiken einsetzen, so kommt es doch immer wieder vor, dass wir auch Rastergrafiken in den Formaten JPEG, GIF oder PNG im Layout einsetzen. Was wir aber allzu oft übersehen ist, dass man bei diesen einiges an Dateigröße sparen kann. Und das kommt inzwischen nicht nur denen zugute, …

28

NOV

14