Ngừng Pulsate Hiệu ứng jQuery

Question

Tôi hiện đang sử dụng hiệu ứng pulset kilianvalkhof jQUERY. http://kilianvalkhof.com/jquerypulsate/

Mục đích của tôi là bắt đầu hiệu ứng trên div khi người dùng nhấp vào mục menu.

Khi người dùng nhấp vào một mục menu khác, tôi muốn hiệu ứng xung hoạt động currant dừng lại và một hiệu ứng mới để bắt đầu trên một DIV khác.

Tôi dường như không thể tìm cách ngăn chặn hiệu ứng.

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

     }); 

    }); 

Sự cố không thể tắt .pulsate. Vì vậy, nếu bạn bấm vào item1 thì bấm vào item2 cả hai sẽ tiếp tục rung cho đến khi trang làm mới.

Có một tùy chọn để đặt xung thành một số cho sẵn nhưng lý tưởng nhất là tôi muốn nó tiếp tục rung trên một div nhất định cho đến khi một mục menu khác được bấm.

Cảm ơn các bạn.

Samuel

Answer 1

Gọi phá hủy để dừng.

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