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

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

这是我的代码：

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

最佳答案

如下所示使用mouseout。

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

更新

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

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