Question

所以我正在尝试创建一个动作，一旦点击一个按钮，网站就会被一个透明的div所覆盖，而div本身就包含一个框，我将把一些内容放入其中。

这是我到目前为止所做的一切。

当您点击“开始使用”按钮时，它会触发：

$('.getStarted').click

此时，我想出了webFade div应该有多大，并将其与内部的另一个框一起显示。

但我的问题是，我希望在点击黑色背景时隐藏整个内容，但不要在单击白色框时隐藏。我一直在搞乱z-indexes，但无论我尝试什么，当我点击白色方框时，$（'。webFade'）。click（）函数无论如何都会触发。

我不确定我的问题是我的CSS / z索引还是我的jquery方法是错误的。

任何指针都会非常感激。

谢谢！

Answer 1

您只想通过快速入门停止传播事件。

将此添加到方法中。

$('.quickStart').click(function (e) {
    e.stopPropagation();
});