防止重复执行jquery函数？

Question

我已经将this函数设置为一次显示导航中的一个div。

$(document).ready(function(){
    $('.div1, .div2').hide();
    $("nav a").hover(function () {  
    var name= this.name;
    $("."+name).fadeIn().siblings().hide();
   });  
});

这个函数可以工作，但如果我在导航元素之间切换得非常快，可能会发生div1和div2同时出现的情况。

我如何才能防止这种情况发生？

谢谢。

Answer 1

添加对stop的调用以在隐藏之前停止现有动画。

$(document).ready(function(){
    $('.div1, .div2').hide();
    $("nav a").hover(function () {  
    var name= this.name;
    $("."+name).fadeIn().siblings().stop(true, true).hide();
   });  
});