我目前正在使用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上保持脉冲,直到另一个菜单项被点击。
谢谢大家。
塞缪尔
答案 0 :(得分:12)
调用destroy来阻止它。
$("#YourItemsId").pulsate("destroy");