Javascript 单击事件-主文档和对话框jQuery

所以在我的主页上，我有一个自定义的工具提示，它只是一个隐藏了一些信息的div，当你选择一个按钮时，它会打开菜单。如果单击文档中的任何其他位置，它将隐藏该div。该代码如下所示

$(document).on("click", function() {
    $("#supTooltip").fadeOut("fast", "linear");
});
$("#supervisorButton").on("click", function(e) {
    e.stopPropagation();
    return false;
});

单击此选项后，可以单击菜单中的多个不同选项。一个是对话。在这个对话框中，我还有一个类似的过滤器菜单。代码看起来是一样的，只是提取了不同的ID

$(document).on("click", function() {
    $("#filtersDiv").fadeOut("fast", "linear");
});
$("#filtersButton").on("click", function(e) {
    e.stopPropagation();
    return false;
});

我不能这样做吗？我试图关闭单击事件，但它似乎不起作用。我在代码的第二次迭代中使用了这个

$(document).off("click");

任何帮助都会很棒。这几个小时来我一直在绞尽脑汁

编辑1:

请求了jsFiddle

这是可行的，但区别在于，menu2函数与menu1函数不在同一个文件中。该对话框使用load事件在单独的文件中填充数据，以便从单独的文件中提取数据

---

这可能是问题的原因吗？

我决定使用其他人在不同线程上发布的不同方法

$(document).mouseup(function (e)
{
    var container = $("YOUR CONTAINER SELECTOR");

    if (container.has(e.target).length === 0)
    {
        container.hide();
    }
});

---

这似乎起到了作用，并且工作正常。

您可能需要一个指向JSFIDLE或在线示例的链接。我仍然不理解您的确切问题抱歉，伙计们，它不在网上，所以我必须提供一个JSFIDLE或图片。提供了JSFIDLE。请检查编辑，谢谢大家。