comment sélectionner un élément de liste avec une pseudo-classe hover en utilisant jquery?

Question

Comment sélectionner un élément de liste comportant une pseudo-classe de survol CSS à l'aide de jquery?

par exemple,

 <ul> 
      <li>test 1</li> 
      <li>test 2</li> 
      <li>test 3</li> 
      <li>test 4</li> 
     </ul> 

     <style> 
       ul li:hover 
       { 
        background-color: black; 
       } 
     </style> 

code jquery ne fonctionne pas, le message d'alerte ne s'affiche

 $("ul li:hover").click(function() 
     { 
       alert("test");     
     }); 

Question:

Suis-je sélectionnant l'état de vol stationnaire actif correctement dans le code jquery au dessus? Et si non, quelle est la bonne façon de le sélectionner?

Answer 1

La façon dont vous l'essayez ne peut pas fonctionner, car le gestionnaire d'événements sera uniquement lié aux éléments qui sont planés exactement dans les millisecondes où le code est exécuté.

Vous aurez besoin quelque chose comme ceci:

$("ul li").click(function() { 
    if ($(this).is(':hover')) alert('test'); 
}); 

Démo: http://jsfiddle.net/TimWolla/3mdpG/