javascript - 鼠标离开后 jQuery 显示隐藏延迟仍在运行

Question

我将 .delay() 设置为停止在每个鼠标悬停效果上显示，但现在它在每个鼠标悬停时显示只是延迟。

似乎 .delay() 不是识别鼠标悬停在该部分后显示最短时间的正确方法。

$(document).ready(function(){
    $('.article_wrapper').hover(
    function(){
        $(this).find('.actions').delay(800).show(300);
    },
    function(){
         $(this).find('.actions').hide(200);
    });

});

我还可以使用哪些其他功能？

Answer 1

在 jQuery 1.9+ 上，您可以使用 finish()清除所有先前应用于特定队列的延迟: (尽管这仍未记录)

DEMO

更新: 确实，要不破坏隐藏动画，您应该使用 clearQueue()

$(document).ready(function(){
    $('.article_wrapper').hover(
    function(){
        $(this).find('.actions').delay(800).show(300);
    },
    function(){
        $(this).find('.actions').clearQueue().hide(200);
    });
});