2012-04-11 13 views
0

Ich versuche, Jquery Bild Bubbles zu implementieren, wie hier gezeigt:Problem mit JQuery Bild Luftblasen im IE

http://www.dynamicdrive.com/dynamicindex4/imagebubbles.htm

Jedoch Im in meinem Fiddle einen JavaScript-Fehler zu erhalten: http://jsfiddle.net/NinjaSk8ter/hbMzV/

Es wurde bestimmt Das Laden der JavaScript-Datei von der Dynamicdrive-Demo-Seite in die Fiddle würde nicht funktionieren. Das Kopieren von JavaScript direkt hat funktioniert.

+0

Ich bekomme keine Fehler in FF11. Könnten Sie den Fehler posten, den Sie bekommen? –

Antwort

1

Ich erhielt einen Fehler, dass die imgbubbles Methode nicht existiert. Dies bedeutet, dass die Ressource nicht in die Geige geladen wurde. Die Lösung war einfach.

Anstatt zu versuchen, die Datei von der DynamicDrive-Domäne in Ihre Seite zu laden, kopieren Sie sie in Ihren Projektordner und laden Sie sie von dort. In deiner Geige habe ich die eigentliche Quelle für das Plugin in das JavaScript-Panel gezogen, das das Problem der fehlenden Methode gelöst hat.

Demo: http://jsfiddle.net/hbMzV/13/ (getestet in IE 7 bis 10)

+0

Wie haben Sie festgestellt, dass imgbubbles nicht existiert? Safari JavaScript-Debugger? – Paul

+0

@Paul Aus dem IE drücken Sie F12. Dies öffnet die [F12 Developer Tools] (http://msdn.microsoft.com/en-us/library/ie/gg589507 (v = vs.85) .aspx). Von dort haben Sie Zugriff auf eine Konsole, die Fehler und Warnungen enthält. – Sampson

+0

http://jsfiddle.net/hbMzV/16/ Nun kehrt der Z-Index zu normal zurück, nachdem er auf normale Größe animiert wurde. Wenn mouseout aufgerufen wurde, bevor die Animation abgeschlossen war, zeigte eines der anderen Bilder durch. –

0

JSLint sagt in einigen Semikolons zu werfen, etwa so:

jQuery(document).ready(function($){ 
$('ul#orbs').imgbubbles({factor:3.15, speed:1500}); 
}); 

Sieht aus wie es auch ohne sie allerdings funktioniert.

+0

hast du das in IE getestet? – Paul

+0

Ja. Deine Geige arbeitet für mich in IE 8. – Marc

+0

danke auch! – Paul