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

Preload – was bringts?

Autor*in:

Technologie

Im Laufe der Umsetzung des Grassau-Portals habe ich mich mal mit Preloading im html auseinandergesetzt. Benutzt wird das Ganze, um Resourcen wie z.B. Styles, Fonts etc. effizienter laden zu können und somit die Performance zu verbessern. Der Vorteil gegenüber dem ja inzwischen schon etwas älteren Prefetching ist, dass im Tag ein Type angegeben wird, der …

28

FEB

17

Einschränkung für Video AutoPlay ab Chrome 66

Autor*in: Stefan Oswald

Technologie // User Experience & Design

Seit der Verteilung von Chrome Version 66 tritt das Problem auf, dass Videos plötzlich nicht mehr von alleine starten, obwohl Autoplay vorgesehen und auch richtig konfiguriert ist. Besonders unpraktisch ist das für Bewegtbilder-Keyvisuals. Die Debug-Konsole liefert dabei folgenden Hinweis: Uncaught (in promise) DOMException: play() failed because the user didn’t interact with the document first. https://goo.gl/xX8pDD …

07

MAI

18

Animierte Gifs im IE

Autor*in: Bastian Schwarz

Technologie

Gerade hat mich der IE mal wieder erstaunt (im negativen Sinne). Bei der IBE-Suche der AWK wird zur Überbrückung der Ladezeit eine Ladeanimation eingeblendet. Diese Animation wird mit einem animierten Gif dargestellt. Allerdings hat das Gif im Internet Explorer die Animation nicht ausgeführt. Nach ein wenig Recherche bin ich auf einen Bug im IE gestoßen …

04

MAI

12

iOS Probleme mit transition

Autor*in: Florian Müller

Technologie // User Experience & Design

Heute ist mir bei einem Projekt ein Problem mit iOS begegnet. Es gibt eine Galerie, bei welcher die Elemente von oben „hereinfliegen“. Auf dem iPad und dem iPhone war dieser Effekt kaum beziehungsweise gar nicht vorhanden, sondern das Bild war einfach *plopp* da. Problem hierbei ist, dass transitions bei iOS ohne Hardware Beschleunigung gerendert werden. …

28

SEP

16