jquery stop mouseover événement après un événement click

Question

Quelqu'un peut-il m'aider avec ce

J'essaie de définir une couleur différente pour l'élément de l'événement click.

Le problème est que l'événement mouseover rend tout blanc à nouveau. Donc, je ne pourrai jamais voir la couleur de la classe active (actief).

Que puis-je faire, j'ai déjà essayé de mettre dans la ligne propagation stopevent() ??

merci, Richard

$("#tbestel_opties2 span").live("mouseover", function() { 
      $t=$(this); 
      if(!$t.hasClass('actief')){ 

       $t.css({'color':'#fff','backgroundColor':'#fdc601'}); 
      } 
     }); 
     $("#tbestel_opties2 span").live("mouseout", function() { 
       $t=$(this); 
       if(!$t.hasClass('actief')){ 
       $t.css({'color':'#333','backgroundColor':'#fdc601'});                   } 
     }); 

     $("#tbestel_opties input,#tbestel_opties2 span").live("click", function(e) 
     {e.stopPropagation(); 
      $t=$(this); 
       $('#tbestel_opties2 .actief').removeClass("actief").css({'color':'#333'}); 

      $t.addClass("actief") 

      $("#opties li:eq(0)").addClass("actief"); 


    }); 

Answer 1

Utilisez plutôt une classe. Lorsqu'un élément est cliqué, ajoutez une autre classe à l'élément. Assurez-vous que cette classe n'est pas définie avant de faire quoi que ce soit dans mouseover/out. Cela a aussi l'avantage de vous permettre de déplacer le style des éléments cliqués dans votre CSS si vous le souhaitez.

Answer 2

La fonction de propagation arrêtée arrête le comportement par défaut de l'événement click et n'a aucune incidence sur le passage de la souris.

En changeant votre utilisation du sélecteur CSS à une fonction addClass qui correspond à ces changements CSS, vous serez en mesure d'obtenir l'ordre des événements que vous recherchez.

Answer 3

essayer dans votre événement mouseover:

var currentColor = $(this).css("background-color"); 
jQuery.data($(this).get(0), "basecolor", currentColor); 

il stocke les métadonnées avec l'élément. vous pouvez alors lire cette valeur en cas de clic

var currentColor = jQuery.data($(this).get(0), "basecolor"); 

Answer 4

pas à la pluie sur la parade JQuery, mais pourquoi ne pas simplement utiliser la classe: hover psuedo?