jquery - 悬停时重置 (jQuery)

Question

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

..有效，但我想添加一个条件，以便如果悬停#notification，则计时器/延迟将停止，直到鼠标悬停。然后在 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）事件。