如何停止jQuery的hover flood

How do I stop jQuery hover flood?

本文关键字:hover flood jQuery 何停止      更新时间:2023-09-26

我有一个问题,我的"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)
         }
     }); 
});

如何阻止这种情况?

尝试添加.stop() (jQuery API引用)到您的选择器。它将取消正在进行的动画

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