Question

现在，如果鼠标悬停，我只会有一些滑开的东西，如果鼠标离开则滑动关闭。我希望如果有人点击它之外我可以保持打开状态。

想法？

Answer 1

首先只分配一个mouseenter事件，以便在您悬停时打开：

$('#someDiv').mouseenter(function() {
    $(this).codeToOpenIt
});

然后在文档上放置一个点击事件，以便在用户点击任意位置时将其关闭。

$(document).click(function() {
    $('#someDiv').codeToCloseIt
});

这种方法起作用的原因是事件从被点击的元素冒泡到根。因此，在click()上放置document事件会捕获页面上的所有点击，并关闭您的元素。

请注意，页面上的任何元素都会执行以下操作：

return false;

或

event.stopPropagation();

将导致冒泡停止，从而阻止文档上的处理程序触发。