使用jquery切换停止构建点击次数

Question

我有一个小问题，当我点击图片来快速切换导航时，它会自动构建一系列点击，它真的很烦人，我无法弄清楚如何阻止它因为jquery .stop无效。

这是网址

http://satbulsara.com/tests/

这是我的代码

$('img').toggle(function() { 
          $('ul').fadeIn("slow");
           },
           function() { 
           $('ul').fadeOut("slow"); 
           });  

Answer 1

您可以使用stop()方法清除动画队列并在排队新动作之前停止当前效果：

$('img').toggle(function() { 
    $('ul').stop(true, true).fadeIn("slow");
}, function() { 
    $('ul').stop(true, true).fadeOut("slow"); 
});