jquery ajout / suppression de classe
J'ai 4 ancres, je veux ajouter une classe de courant à un point d'ancrage, comme il est cliqué et de supprimer la classe des 3 autres en même temps. Voici mon code. ce que je fais mal?
if ($("ul#thumb a").hasClass("current") {
$("ul#thumb a").removeClass("current");
$(this).addClass("current");
});
et mon code html ressemble à ceci:
<ul id="thumbs">
<li>
<!-- intro page navi button -->
<a id="t0" class="active" name="t0">The Company</a>
<ul class="navi">
<li><a style="display:none"></a></li>
<li><a id="t1" name="t1">The Brief</a></li>
<li><a id="t2" name="t2">The Solution</a></li>
<li><a id="t3" name="t3">The Result</a></li>
</ul>
</li>
</ul>
Quel est votre code HTML?
Qu'est-ce exactement ne fonctionne pas? N'est-il pas la suppression de la classe ou n'est-il pas l'ajout de classes? Aussi, ça ne ressemble pas à la totalité du montant de jQuery. Vous avez besoin d'une sorte de
J'ai modifié mon post pour montrer mon code html
J'ai mis à jour ma réponse pour représenter votre code HTML.
J'apprécie l'aide merci beaucoup. Ce que je suis en train de réaliser est bien les btns nommé #t0, #t1, #t2 & #t3 dans le html ci-dessus ont la classe active appliquée lorsque l'utilisateur clique pas seulement #t0. Des idées comment je peux faire?
Qu'est-ce exactement ne fonctionne pas? N'est-il pas la suppression de la classe ou n'est-il pas l'ajout de classes? Aussi, ça ne ressemble pas à la totalité du montant de jQuery. Vous avez besoin d'une sorte de
$('ul#thumb a').click(function() {...});
pour l'envelopper.J'ai modifié mon post pour montrer mon code html
J'ai mis à jour ma réponse pour représenter votre code HTML.
J'apprécie l'aide merci beaucoup. Ce que je suis en train de réaliser est bien les btns nommé #t0, #t1, #t2 & #t3 dans le html ci-dessus ont la classe active appliquée lorsque l'utilisateur clique pas seulement #t0. Des idées comment je peux faire?
OriginalL'auteur mtwallet | 2010-02-11
Vous devez vous connecter pour publier un commentaire.
En utilisant les événements de la délégation, de nous lier une gestionnaire pour tous les événements de clic. Quand un point d'ancrage (autres que les
.current
ancrage) est cliqué, nous dépouiller les.current
d'ancrage de sa classe, et de faire de l'cliqué sur l'ancrage de la nouvelle actuel:J'ai modifié mon post pour montrer mon code html
Sampson ce n'
e.preventDefault();
veux dire? +1 par la voieIl empêche l'action par défaut du lien.
OriginalL'auteur Sampson
Je pense que cela va vous aider à
$
etjQuery
? Vous devez en choisir un et de s'y tenir.désolé c'était erreur.. Vous pouvez utiliser un
OriginalL'auteur Raghvendra