jQuery - 级联类和点击功能问题

Question

我在将 jQuery 用于弹出窗口时遇到了问题。我有一个名为“clicker”的类。

如果单击它，则会调用“showHideBox()”函数：

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

showHideBox 函数显示框 - $(".box").fadeIn(700) 或再次单击时隐藏它 - $(".box").css("display","none")。

.box div 以高 z-index 固定定位，以提供某种灯箱效果。

.box div 包含一些可点击的交互式位。

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

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

所以它实际上是在监听 .clicker 功能——即使我提供了.box css("display","block") 功能。

如果有人知道解决方案，请提供建议。

提前非常感谢。

Answer 1

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