没有 id 或类集的点击事件答案

【问题标题】：Click event without id or class set没有 id 或类集的点击事件
【发布时间】：2012-11-07 07:19:30
【问题描述】：

让我解释一下我确实需要什么。我有一个由 jquery 打开的导航。当我单击站点中的任何位置时，我想将其关闭。

我在这里找到了这个，但在这种情况下，每次点击都会关闭导航： jQuery click() event catch-all?

使用

$(document).click(function() {
  $("#boxID").hide();
});

但是当我在导航中单击时，例如id="boxnewsID"，导航 id="navID" 本身也关闭了。我怎样才能防止这种情况发生？

当我尝试获取 id 或某事时。单击它只会返回文档（逻辑）。我已经看到，facebook 的标题导航（消息、活动、朋友请求）按我需要的方式工作。

有什么想法吗？

【问题讨论】：

标签： jquery

【解决方案1】：

我认为应该这样做：

$(document).on("click", ":not(#boxID)", function() {
    $("#boxID").hide();
}

编辑：

那也行不通。这是我的页面中的内容：

$(document).mousedown(function(e) {
    if ($(e.target).closest("#boxID").length == 0) {
        $("#boxID").hide();
    }
});

【讨论】：

【解决方案2】：

要排除一个或多个元素，您可以使用：

$(document).not("#boxID").click(function() { $("#boxID").hide(); });

这会从您的选择中排除 ID 为 #boxID 的元素。

【讨论】：