如何停止jQuery悬停泛滥？

Question

我的带有图像的"menu"项有问题，通过将它们悬停，jQuery给出了该图像的文本和描述。 但是，我找不到任何阻止或阻止这种效果泛滥的方法。

请参见示例 ，从这个尝试中，快速地将光标移到四个框上，您会看到它们有点排队，我真的不希望这种情况发生。

这是我的jQuery代码：

$(document).ready(function() {  
    $("[rel='tooltip']").tooltip();    
    if($("#editor").val()!="1")
    {
        $('.thumbnail').hover(
            function(){
              $(this).find('.caption').fadeIn(450)
         },
         function(){
               $(this).find('.caption').fadeOut(800)
         }
     }); 
});

阻止这种情况的方法？

Answer 1

尝试将.stop() （ jQuery API参考 ）添加到选择器中。 它将取消正在进行的动画

$(this).find('.caption').stop().fadeIn(450)