停止Pulsate jQuery效果

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

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

用户点击不同的菜单项时,我希望停止使用currant active pulsate效果,并在另一个DIV上启动一个新的.

我似乎无法找到阻止效果方法.

  1. <!-- Menu -->
  2.  
  3. <div id="user_menu">
  4. <ui>
  5. <li id="item1"><a href="#">Name 1</a></li>
  6. <li id="item2"><a href="#">Name 2</a></li>
  7. </ui>
  8. </div>
  9.  
  10. <!-- Map -- >
  11.  
  12. <div id="desk1">
  13.  
  14. <img src="images/image1.jpg" />
  15.  
  16. </div>
  17.  
  18. <div id="desk2">
  19.  
  20. <img src="images/image1.jpg" />
  21.  
  22. </div>
  23.  
  24. //jQuery
  25. $(function() {
  26. $("#item1")
  27.  
  28. .click(function() {
  29. //$("#desk1").pulsate({color:"#09f"});
  30.  
  31. });
  32.  
  33. });

问题是无法关闭.pulsate.因此,如果您单击item1然后单击item2,它们将继续脉动,直到页面刷新.

有一个选项可以将脉动设置为给定的数字,但理想情况下我希望它保持脉冲在给定的div上,直到另一个菜单项被点击.

多谢你们.

塞缪尔

解决方法

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

猜你在找的jQuery相关文章