jquery - 使用/jQuery 在 .hide() 之前添加延迟

Question

我有一个简单的代码，当鼠标悬停在元素上时保持元素可见，并在鼠标移出后隐藏它。:

$(".item").hover(
    function () {
        $(this).show();
    }, 
    function () {
        $(this).hide();
    }                       
);

我想在隐藏之前添加一些延迟，但添加 $(this).delay(500).hide(); 似乎不起作用...

Answer 1

不带任何参数的

.hide() 不使用效果队列(并且不必等待 .delay())。相反，您可以使用 $(this).delay(500).hide(0);