在悬停时重置（jQuery）

Question

$("#notification").slideDown("slow").delay(2000).slideUp("slow");

..有效，但我想添加一个条件，这样如果#notification悬停，定时器/延迟就会停止直到mouseout。然后在mouseout上启动计时器，然后最终隐藏元素（除非它没有再次悬停）。

谢谢！

Answer 1

如果我理解正确，如果你将元素悬停，你是否能够停止延迟/动画？

使用clearQueue()代替

$(document).ready(function() {
    if(cookieIsPresent) {
        $("#notification").hover(function() {
            $(this).stop(true, true).clearQueue(); // You might not need to use clearQueue() but test it out
        }, function() {
            $(this).delay(2000).slideUp("slow");
        }).slideDown("slow").delay(2000).slideUp("slow");
    }
});

Answer 2

尝试处理 onmouseover （而非onmousehover）事件。