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

Question

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

如果您单击它，将调用“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

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