8

我目前正在使用 kilianvalkhof jQUERY pulsate effet。 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 上保持脉动，直到单击另一个菜单项。

多谢你们。

塞缪尔

4

1 回答 1

12

调用destroy来阻止它。

$("#YourItemsId").pulsate("destroy");
于 2012-11-08T23:22:04.770 回答