Javascript jQuery-级联类和单击函数问题

我对将jQuery用于弹出窗口有一个问题。我有一门课叫clicker

如果单击它，将调用showHideBox函数：

$(".clicker").click(function(){
    showHideBox();
});

showHideBox函数正在显示box-$.box.fadeIn700或在再次单击时隐藏它-$.box.cssdisplay，无

.box div采用高z指数固定，以提供某种灯箱效果

.box div包含一些可单击的交互位

.box div相当大，它与.clicker div部分重叠

问题是，当您单击.box div中与.clicker div重叠的区域时，jQuery就像我在单击.clicker一样

所以它实际上需要听.clicker功能——即使我给了.box cssdisplay，block功能

如果有人知道此问题的解决方案，请提供建议

---

非常感谢

您可以尝试在box div后面添加一个透明div，它将覆盖整个屏幕。如果它不起作用，请尝试弄清楚jQuery事件冒泡。让我知道这些方法是否有效。

在HTML代码中，.box div是否在.clicker中？如果您发布代码，.box不在.clicker中，您不使用show/hide方法而不是cssdisplay，…？会更容易理解流程吗。它位于文档的底部，因为一个单独的div位置是固定的，z-index:999，所以它在整个页面的顶部浮动。我不知道显示/隐藏是否会有不同的行为