创建警报消息

Question

我想用jQuery创建自己的简单警告对话框。两个问题：在用户单击警报中的“确定”按钮之前，如何禁止人们点击正文中的任何元素？并且，除了一个元素之外，如何使身体全黑？感谢。

Answer 1

在所有内容上放置一个部分不透明度的div。典型的CSS：

.cover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: .7;
  background-color: #000;
  width: 100%;
  height: 100%;
}

现在将一个定位div（对话框）放在.cover div上，并为此对话框提供更高的z-index。

Answer 2

我不是重新发明轮子，而是使用模态选项查看jQuery UI Dialog。