Stop Pulsate jQuery Effect

Question

J'utilise actuellement le kilianvalkhof jQUERY pulsate effet. Mon but est de commencer l'effet sur un div lorsque l'utilisateur clique sur un élément de menu. Lorsque l'utilisateur clique sur un élément de menu différent, je souhaite que l'effet de pulsation active de la groseille s'arrête et qu'un nouveau démarre sur un DIV différent.

Je n'arrive pas à trouver un moyen d'arrêter l'effet.

<!-- Menu --> 

<div id="user_menu"> 
     <ui> 
     <li id="item1"><a href="#">Name 1</a></li> 
     <li id="item2"><a href="#">Name 2</a></li> 
     </ui> 
</div> 

<!-- Map -- > 

<div id="desk1"> 

<img src="images/image1.jpg" /> 

</div> 

<div id="desk2"> 

<img src="images/image1.jpg" /> 

</div> 

//jQuery 
$(function() { 
    $("#item1") 

    .click(function() { 
      //$("#desk1").pulsate({color:"#09f"});    

     }); 

    }); 

Le problème n'est pas de pouvoir désactiver .pulsate. Donc, si vous cliquez sur item1 puis cliquez sur item2 les deux continueront à pulser jusqu'à ce que la page se rafraîchit.

Il existe une option pour régler la pulsation sur un nombre donné mais, idéalement, je veux qu'elle continue de pulser sur un div donné jusqu'à ce qu'un autre élément du menu soit cliqué.

Merci les gars.

Samuel

Answer 1

Appelez détruire pour l'arrêter.

$("#YourItemsId").pulsate("destroy");