javascript - 不再使用 jQuery 悬停时隐藏

Question

我希望 div #reloadWarningBackground 仅在悬停在按钮 #reloadButton 上时显示。

这是我的代码:

$('#reloadButton').mouseover(function() {
    $('#reloadWarningBackground').show();
});

Answer 1

像下面这样使用mouseout。

$('#reloadButton').mouseover(function() {
    $('#reloadWarningBackground').show();
}).mouseout(function() {
    $('#reloadWarningBackground').hide();
})

更新

最好使用mouseenter，因为mouseover会被重复执行。

$('#reloadButton').mouseenter(function () {
    $('#reloadWarningBackground').show();
}).mouseleave(function () {
    $('#reloadWarningBackground').hide();
})