Stop Pulsate jQuery Effekt

Question

Ich benutze gerade den kilianvalkhof jQUERY pulsate effet.

Mein Ziel ist es, den Effekt auf ein Div zu starten, wenn der Benutzer auf einen Menüpunkt klickt.

Wenn der Benutzer auf einen anderen Menüeintrag klickt, möchte ich den aktiven Pulsat-Effekt des Johannisbeeres stoppen und einen neuen auf einem anderen DIV starten.

Ich kann nicht scheinen, einen Weg zu finden, um den Effekt zu stoppen.

<!-- 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"});    

     }); 

    }); 

Das Problem ist nicht in der Lage, die .pulsate auszuschalten. Wenn Sie also auf Element1 klicken und dann auf Element2 klicken, werden beide weiterhin pulsieren, bis die Seite aktualisiert wird.

Es gibt eine Option, um das Pulsat auf eine bestimmte Zahl zu setzen, aber im Idealfall möchte ich, dass es auf einem bestimmten Div pulsiert, bis ein anderer Menüpunkt klickt.

Danke Jungs.

Samuel

Answer 1

Ruf zerstören, um es zu stoppen.

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