[jquery] toggleClass,addClass, etc werden nicht ausgeführt?

[Spunk95]

Danke noch mal für die Hilfe die ich hier bisher bekommen habe.

Habe wieder ein Problem mit jquery:
Ich möchte einfach erstmal nur toggleClass anwenden aber es funktioniert nicht (habe es schon öfter benutzt und da klappt es eig immer).

Hier der Code:

//css:

.activeHeader{
    background: #333;
}

//jquery:
var dd;
$('.dd').click(function(){
//...
        dd = $(this);
    $(dd).toggleClass("activeHeader");
//...
}); 

Auch mit addClass funktioniert es nicht, mit css() aber schon ( also wenn ich css("background","#333") ausführe). Aber das erfüllt seinen Zweck leider nicht ganz.

Was könnte falsch sein? Bin schon die ganze Zeit am rumprobieren, aber sobald addClass oder toggleClass dazukommt verändert sich der background nicht mehr..

Was mich auch stutzig gemacht hat ist dieses Beispiel auf der jquery Seite:
.addClass() – jQuery API

Bei mir zeigt er das an:
http://www.mycreation.at/Bildschirmfoto.png

Und eigentlich sollte der Bereich ja grün sein. Ist das bei euch auch so?

//edit: Es kommt übrigens auch keine Fehlermeldung.

[wahsaga]

Und eigentlich sollte der Bereich ja grün sein. Ist das bei euch auch so?

Ist grün, wie es sein soll.

[onemorenerd]

Bei mir ist es rot allen Browsern auf dem iPhone. Vielleicht ein Webkit-Bug.

[Spunk95]

Danke für die Antworten
In FF funktioniert die jquery Seite, aber meine Seite funktioniert auch dort nicht.
Ist Safari ein Webkit Browser? Ich glaube nicht, hab ich über google jedenfalls nicht rausgefunden.

[onemorenerd]

Doch, Safari ist Webkit.
Wikipedia ist bei solchen Fragen übrigens immer eine gute Quelle.

[Spunk95]

Ah okay, gut zu wissen. Kann man da irgendwas machen oder muss ich da einen workaround machen? Das komische ist ja, dass es bei anderen Sachen klappt.. Also zB wenn ich eine html datei erstelle und da toggleClass benutze klappt alles wunderbar, auch in Safari.

[onemorenerd]

Wenn du eine HTML-Datei erstellst? Was ist denn dann anders? Dein PHP-Script (ist doch eins oder?) gibt doch auch nur ein HTML-Dokument aus. Für den Browser macht das gar keinen Unterschied!

[Spunk95]

Das ist ja so seltsam. Ja, es ist ein php Script.
Eigentlich muss es funktionieren

// Dachte grad es läge am Server, aber daran liegts auch nicht. Wenn ich die html Datei hochlade klappt es...

[onemorenerd]

Wird das Javascript denn überhaupt ausgeführt?

[Spunk95]

Also alles andere schon, wenn du das meinst. Auch die anderen Teile die vorher ausgeführt werden und hinterher. Nur das toggleClass nicht...

[onemorenerd]

Das kann nicht sein. Wenn es in einer statischen HTML-Seite funktioniert, dann muss es auch in einer Seite klappen, die dynamisch erzeugt wurde, sofern HTTP-Header und HTML-Dokument identisch sind.

Wie bindest du das JS ein und wie rufst du es auf?
Wird vorher irgendwas am DOM verändert?
Hast du mal die Entwicklertools in Chrome oder Safari bemüht?

[Spunk95]

Ich schreibe den js Code einfach direkt rein:

<script type="text/javascript">
$(document).ready(function() {
$('.dd').click(function(){
        dd = $(this);
    $(dd).toggleClass("activeHeader");
});
});
</script> 

Nein, am DOM habe ich soweit ich weiß nichts verändert, wüsste gar nicht wie das geht

Meinst du mit den Entwicklertools die eingebauten Hilfen wie die Fehlerkonsole? Die benutz ich.