jquery - Jquery popUp menu with mouseenter 然后绑定 mouseleave fadeOut 延迟

Question

我有一些DIV通过单击另一个 DIV 触发元素淡入。我想不出一个脚本来：

• 在鼠标离开时 -以一些延迟（例如 500 毫秒）淡出DIV，但如果在 500 毫秒执行之前再次将鼠标悬停在其上 - 以某种方式重新获得元素可见性。

感谢您的任何建议。

Answer 1

这应该为你做！

这是关于 JS Fiddle 的演示：http: //jsfiddle.net/bCCnB/

$('#divid').mouseout(function() {
    var timeout = window.setTimeout(function() {
        $(this).hide();
    }.bind(this), 500);
    $(this).data('timeout', timeout);
});

$('#divid').mouseover(function() {
    var timeout = $(this).data('timeout');
    if (timeout) {
        window.clearInterval(timeout);
        $(this).data('timeout', null);
    }
});