Comment déclencher un nouvel événement après un événement terminé

Question

J'ai un peu de mal avec mon jquery au moment ce que je veux être en mesure de suivre ce processus:

• Les charges de page et l'image anime
• Je clique sur le lien et les images font une animation différente
• Je clique à nouveau sur le lien et démarre une autre animation.

Voici le code que je suis actuellement en utilisant:

<script type="text/javascript"> 
     $(document).ready(function() { 
      $('img').fadeIn(100).addClass('stage1'); 
      $("#next").click(function() { 
       $('img').addClass('stage2'); 
      }); 
     }); 
    </script> 


    <a href="#" id="next">Next</a> 
    <ul> 
     <li><img src="jquery.png" /></li> 
     <li><img src="jquery.png" /></li> 
    </ul> 

J'espère que ce sens et toute aide que vous pourriez me donner serait grandement appréciée.

Merci

Answer 1

Utilisez la fonction hasClass jquery.

$("#next").click(function() { 
    if($('img').hasClass('stage2')) 
    { 
     $('img').addClass('stage3'); 
    } 
    else 
     $('img').addClass('stage2'); 
}); 

Bien sûr, il existe de meilleures façons de le faire, mais cela fonctionnera.