jQuery vs. Scriptaculous Konflikt

**wahsaga** · 17.08.2010, 14:20

Zitat von mcmurphy Beitrag anzeigen

bei einem Projekt soll jQuery und Scriptaculous eingesetzt werden.

Na das nenn ich doch mal error by design - nicht nur ein Monster, sondern gleich zwei ...

Der IE8 ignoriert aber die jQuery Function .width(value) bzw. .height(value)

„ignoriert“ analog „funzt nich“ == unbrauchbar als Problembeschreibung.

Wie sahen denn deine bisherigen Versuche aus, das Problem zu analysieren, und was haben sie ergeben?

**mcmurphy** · 17.08.2010, 14:35

THX Wahsaga

Zu eins:
gebe ich dir Recht - ist nicht auf meinem Mist gewachsen - aber ich soll den Stall ausräumen ;-)

Zu zwei
ignoriert im sinne von: es passiert gar nichts, auch keine Fehlermeldung.
Auch
try{
jQ = jQuery.noConflict();
jQ(document).ready(function(){
jQ("#test").click(function(){jQ("#stretchTest").width( 50 );});
});
}catch(e){alert(e);}
gibt keine Fehlermeldung.

In IE7, Safari 4, FF 3.5 wird das stretchTest div bei einem Klick auf #Test 50px in der Breite gesetzt

Ups, hatte beim IE8 Entwickler Tools übersehen:
jQ("#test").click(function(){jQ("#stretchTest").width( 50 );});
Das Objekt unterstützt diese Eigenschaft oder Methode nicht.

**wahsaga** · 17.08.2010, 16:51

Zitat von mcmurphy Beitrag anzeigen

Ups, hatte beim IE8 Entwickler Tools übersehen:
jQ("#test").click(function(){jQ("#stretchTest").width( 50 );});
Das Objekt unterstützt diese Eigenschaft oder Methode nicht.

Na dann nimm das Statement mal auseinander, und teste die einzelnen Bestandteile nacheinander - um zu sehen, wo es hakt.

Code:

jQ("#test")
jQ("#test").click(function(){ alert('xyz'); });
...

Mal mittels typeof zu schauen, ob's die verwendeten Objekte gibt, wäre auch noch ein Weg mehr Klarheit zu erhalten.

**mcmurphy** · 18.08.2010, 08:55

Hi,
alert(typeof(jQ("#stretchTest")));
sagt mir in IE (7 und 8) sowie FF "Object"

var width = 20;
jQ("#test").click(function(){jQ("#stretchTest").width( 50 );});

wird in IE 8 nicht ausgeführt - da kommt die Meldung "Das Objekt unterstützt diese Eigenschaft oder Methode nicht."

Als Work Around habe ich jetzt das gemacht:
var width = 20;
jQ("#test").click(function(){jQ("#stretchTest").css({'width': width+'px'});});

das funktioniert auch im IE 8

Wie gesagt, das Problem tritt nur im IE8 auf wenn prototype.js eingebunden wird.

@Wahsaga: meinst du ich sollte das als Bug bei jQuery posten?
Du hast ja recht das der Mix von jQuery und Prototype einem Ärger einbringt, aber in der Regel funktioniert jQuery.noconflict() ja...

jQuery vs. Scriptaculous Konflikt