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

Question

我在使用jQuery弹出窗口时遇到问题。 我有一个叫做“ clicker”的类。

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

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

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

.box div的位置固定为具有较高的z索引，以提供某种灯箱效果。

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

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

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

因此，即使我提供了.box css("display","block")函数.box css("display","block")它实际上还是在监听.clicker功能。

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

提前谢谢了。

Answer 1

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