jQuery:如果鼠标移出太快，则鼠标移出不会触发？

Question

$(".np-button").mouseover(function() { 
    $(this).hide();
    $(this).next().show();
});
$(".login-button").mouseout(function() {
    $(this).hide();
    $(this).prev().show();
});

第一个按钮隐藏自身并在同一位置显示第二个按钮。一切都好。

但是，如果我快速将鼠标悬停并退出第一个按钮，第二个按钮将保持事件状态(与第二个按钮相关的 mouseout 事件不会被触发)。

我该如何解决这个问题？

编辑:这是 jsfiddle http://jsfiddle.net/aArub/ 。提前致谢。

Answer 1

有一个非常简单的方法可以做到这一点，无需使用 JavaScript。只是CSS。当然，如果你想让元素可见或不可见。

示例 HTML:

<div class="visible">
    <div class="hidden">Some text</div>
</div>

CSS:

.hidden{
    display: none;
}
.visible:hover .hidden{
    display: block;
}

这有助于避免未触发 mouseleave 或 mouseout 的情况。