防止双重执行jquery函数？

Question

我已设置此功能，以便在导航中定位时显示一个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();
   });  
});