（PhoneGap）：Div叠加不会阻止它下面的事件。

Question

我正在使用PhoneGap（使用jQuery mobile）为Android创建应用程序。

我希望点击某些按钮div叠加后会显示。它管理它没有问题。问题是该div下面的所有东西都不应该对点击作出反应（应该根本不可访问）。不幸的是，所有事件都可以被触发，甚至可以编辑输入/ textarea字段。

以下是创建div的一些CSS代码：

#shopBoxOuter{

    position: fixed;
    width: 100%;
    height: 100%;   
    background-color: #000;
    opacity: 0.3;
}

还有其他选择可以解决这个问题吗？提前致谢

Answer 1

这可能是因为event propagation而发生的。尝试将点击事件绑定到弹出窗口，并添加event.stopPropagation()或者如果这不起作用event.preventDefault()，则会取消该事件。