停止Pulsate jQuery效果

前端之家收集整理的这篇文章主要介绍了停止Pulsate jQuery效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我目前正在使用kilianvalkhof jQUERY pulsate effet.
http://kilianvalkhof.com/jquerypulsate/

我的目的是在用户点击菜单项时启动div的效果.

用户点击不同的菜单项时,我希望停止使用currant active pulsate效果,并在另一个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上,直到另一个菜单项被点击.

多谢你们.

塞缪尔

解决方法

调用destroy来阻止它.
$("#YourItemsId").pulsate("destroy");

猜你在找的jQuery相关文章