comment active une classe onclick élément de la liste
Je suis confronté à un problème dont je veux ajouter une classe onclick signifie que le clique sur ajouter une classe.
voir mon image
je fais cela par jquery:
$(function() {
$('.box li').click(function(){
$('.box li').removeClass('submenu-active');
$(this).addClass('submenu-active');
});
});
et mon css est:
.aside ul li.submenu-active a {background-color:#df0000; color:#fff;}
et mon sous-menu code est:
<ul class="box">
<li class="submenu-active"><a href="create_financial_year.php">Create Financial Year</a></li>
<li ><a href="select_financial_year.php">Select Financial Year</a></li>
<li><a href="account_master.php">Account Master</a></li>
<li><a href="bank_account_master.php">Bank Account Master</a></li> <!-- Active -->
<li><a href="subscription_master.php">Subscription Master</a></li>
<li><a href="subscription_fee_master.php">Subscription Fee Master</a></li>
<li><a href="member_master.php">Member Master</a></li>
<li><a href="membership_suspension.php">Membership Suspension</a></li>
</ul>
j'ai vraiment passé de nombreuses heures, mais n'a pas cette...par ce qu'il fonctionne mais quand je quitte cliquez sur onmouse ensuite ajoutés à la classe a obtenu supprimer...
toute suggestion serait très sensible...thanxxx
la partie en gras n'est pas vraiment clair... pourriez-vous reformuler le problème auquel vous êtes confrontés?
je veux que lorsque je clique sur un élément de liste puis la couleur d'arrière-plan de l'élément de la liste doit être rouge.....
je veux que lorsque je clique sur un élément de liste puis la couleur d'arrière-plan de l'élément de la liste doit être rouge.....
OriginalL'auteur Amy | 2013-07-18
Vous devez vous connecter pour publier un commentaire.
L'utiliser à la place:
DÉMO
CSS correspondant à votre jsfiddle:
Problème est alors, balises d'ancrage de ne pas rediriger vers la page correspondante, mais je ne sais pas ce que vous cherchez exactement.
mais mon <a href=""> ne fonctionne pas
Généralement, pour ce genre de but, nous utilisons ajax méthodes load() pour afficher le code html de l'élément spécifique comme un conteneur. Vous pouvez sinon, il suffit ensuite rediriger vers la nouvelle page, mais alors tous vos javascript ici pour le style est inutile.
OriginalL'auteur A. Wolff
Changement
.aside ul li.submenu-active a
pour
li.submenu-active a
Voir démo.
Je l'ai changer le href de
#
afin de ne pas laisser JSFiddle sur un clic. Si vous modifiez le href est à droite, il va fonctionner. Mais concider la réponse insertusernahmehere donne... lorsque le lien est cliqué, la page de chargement de la nouvelle page, et le point culminant aura disparu.OriginalL'auteur LinkinTED