jquery - 脈動jQuery効果を停止します

Question

現在、kilianvalkhof jQUERYpulsateeffetを使用しています。 http://kilianvalkhof.com/jquerypulsate/

私の目的は、ユーザーがメニュー項目をクリックしたときにdivの効果を開始することです。

ユーザーが別のメニュー項目をクリックすると、カラントのアクティブな脈動効果を停止し、別のDIVで新しい脈動効果を開始します。

効果を止める方法が見つからないようです。

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

       });

    });

問題は、.pulsateをオフにできないことです。したがって、item1をクリックしてからitem2をクリックすると、ページが更新されるまで両方が脈動し続けます。

脈動を特定の数に設定するオプションがありますが、理想的には、別のメニュー項目がクリックされるまで、特定のdivで脈動し続けるようにします。

みんなありがとう。

サミュエル

Answer 1

それを停止するには、destroyを呼び出します。

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