jquery addclass styling funktioniert nicht, falsche Selektor?

<li id="leistungen"><a href="#Leistungen" onclick="sitemapChangeSubMenu('leistungen','leistungencontent','leistungen'); return false;">LEISTUNGEN</a> </li>

Dies ist die Liste-Element, das ich will style mit:

$("#leistungen a").addClass("brown");

Diese nicht funktioniert, dann entweder:

$("#leistungen").addClass("brown");

mein css-code ist nur

.brown {
   color:brown;
}

Ich weiß nicht, was falsch ist, hoffentlich könnt Ihr mir helfen 🙂

vielen Dank!

was ist dein Ziel?
mein Ziel ist es, die text-LEISTUNGEN braune 🙂

InformationsquelleAutor user134282 | 2009-09-18

6

Sagen
```
$("#leistungen").addClass("brown");
```
wird auf allen text in #leistungen, aber nicht auf anchor-tags. Die Anker haben eine Standard-Stil, die überschrieben werden müssen. Sie sind richtig schriftlich
```
$("#leistungen a").addClass("brown");
```
Machen Sie einen test, um sicherzustellen, dass Ihr Javascript ausgeführt wird durch ändern auf
```
$("#leistungen a").hide();
```
Wenn Sie verschwindet, dann wissen Sie, dass Ihr Javascript funktioniert auf das richtige element. Als Nächstes versuchen Sie, die spezifischer sind Sie mit Ihrer Auswahl (vielleicht etwas anderes ist, überschreiben Ihre änderungen).
```
$("li#leistungen a").addClass("brown");
```
Wenn das nicht funktioniert, stellen Sie sicher, dass das javascript ausgeführt wurde und überprüfen Sie dann das element. Hat es die neue Klasse? Wenn dem so ist, dann ist das problem mit dem CSS statt Javascript. Überprüfen Sie Ihre CSS-Datei, welche die ".Braun - " Stil zu suchen syntax-Fehler. Eine fehlende } von der vorherigen Stil würde es tun.

Versuchen Sie es mit "#4C3F12" anstelle des Wortes "Braun" als Farbe.
```
.brown {
  color: #4C3F12;
}
```
Lassen Sie mich wissen, wenn diese Hilfe!

okay, das hilft, danke 🙂 $("#leistungen").addClass("Braun"); aber nur, wenn ich den Anruf klicken Sie auf eine Schaltfläche in meinem <ul> wenn ich auf einen button in einem anderen div die addclass, wird nicht funktionieren.
alles funktioniert jetzt 🙂 ein weiteres Skript beeinflusst das css. 🙁 Danke für deine große Hilfe!

InformationsquelleAutor gavinblair
3

Groß-und Kleinschreibung -- Sie Ihren Namen Anker mit einem oberen-Fall L.
```
$("#Leistungen").addClass("brown");
```
Im ersten Fall, auch, Sie müssten verwenden Sie einen Klassenselektor, nicht ein id-Selektor
```
$(".leistungen a").addClass("brown");
```
Hinweis-ich möchte vermeiden, - Klassen und-ids entsprechen (mit oder ohne groß-und Kleinschreibung).

HTML ID-Attribut docs (Hervorhebung von mir):

Dem ID-Attribut eindeutig identifiziert
ein element innerhalb eines Dokuments. Keine zwei
Elemente können den gleichen ID-Wert in
ein einzelnes Dokument. Das Attribut ist
Wert muss mit einem Buchstaben beginnen, in der
Bereich A-Z oder a-z und verfolgt werden können
durch Buchstaben (A-Za-z), Ziffern (0-9),
Bindestriche ("-"), Unterstriche ("_"),
Doppelpunkte ( " :") und Punkten ("."). Die
der Wert ist case-sensitive.

danke für Eure schnellen Antworten 🙂 unfurtunately die id und die Auswahl sind die gleichen(beide smallcaps). 🙁
warum brauche ich einen class-Selektor meine? ich habe ein id-Stil.
In der ersten form sind Sie der Auswahl einen Anker, der ein Nachkomme eines Elements mit der id "leistungen" - Sie haben keine solchen Anker. Sie haben einen Anker, der ein Nachfahre von einem li mit Klasse "leistungen" und müssen einen class-Selektor, wenn die abgeleitete form. Im zweiten Fall, dein code zeigt, dass die id des Ankers beginnt mit einem Großbuchstaben, keine Kleinbuchstaben. Da ids sind case-sensitive, müssen Sie die exakt gleiche Gehäuse, die in Ihrer id-Selektor zu wählen, dass insbesondere element. Haben Sie versucht, entweder von meinen Vorschläge?

InformationsquelleAutor tvanfosson
0

Haben Sie firebug installiert? In firebug werden Sie brauchen, um zu überprüfen, ob die Klasse Hinzugefügt wird oder nicht. Wenn Ihr Hinzugefügt werden, aktualisieren Sie dann Ihren browser-cache, sonst überprüfen Sie Ihr javascript.

ich folgte Ihrem Hinweis. die Klasse wird Hinzugefügt, aber es ist eine andere Sache, die "a" - tag bekommen hat -> style="Farbe: rgb(76, 63, 18); aber warum?
style="color: rgb(76, 63, 18); legt die Hintergrundfarbe auf brown(nur für test-Zwecke, aber der text bleibt blau(wie vorher)

InformationsquelleAutor Arpit Tambi
0

Haben Sie vielleicht ein problem mit CSS-Spezifität hier. Wenn die ursprüngliche Farbe des 'a' - tag angegeben ist eine sehr spezifische, die neue definition könnte nicht funktionieren. Zum Beispiel:
```
body #leistungen a {
   color: red;
}

.brown {
   color: brown;
}
```
In diesem Fall die Farbe rot hat Vorrang vor der braunen Farbe, da die erste definition ist spezifischer als die Letzte. Versuchen Sie, die Definition der braunen Klasse-genauer gesagt:
```
body #leistungen a.brown {
   color: brown;
}
```
InformationsquelleAutor Edwin V.
0

Könnte es sein, dass Sie eine widersprüchliche css-definition irgendwo.
Wenn Sie sicher sind, dass das javascript ausgeführt wird, dann prüfen:
1. Da es sich um eine ID, stellen Sie sicher, dass diese ID nicht zugeordnet ist, zu einem anderen tag als gut.
2. Sie haben weitere css-Deklarationen gilt, dass auf a-tags?
Versuchen Sie, die Erklärung zu:
```
a.brown{ color: brown;} 
```
Bzw.
.Braun a {color: brown;}

Je nachdem, ob Sie verwenden $("#leistungen a").addClass("brown"); oder $("#leistungen").addClass("brown");

InformationsquelleAutor Jimmy Stenke

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.