Question

我的"menu"项目有一个图片有问题，通过将它们悬停，jQuery会显示该图片的文字和说明。但是，我找不到任何阻止或阻止洪水影响的方法。

See the example，从此尝试将光标移动到四个方框，快速，你会看到它们排队，我真的不希望这种情况发生。

这是我的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 reference）添加到您的选择器。它将取消正在进行的动画

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

如何阻止jQuery悬停洪水？

1 个答案: