Question

我有以下代码：

$('boddy').click(function(e) {
   bootbox.alert("clicked!");
});

单击页面时，我会看到一个弹出窗口，其中包含＆＃34;单击＆＃34;显示。但是，如果我单击“确定”按钮将其关闭，弹出窗口将再次显示，并且永远不会结束。

有趣的是，我尝试了以下代码：

$('boddy').click(function(e) {
   alert("clicked!");
});

单击弹出窗口中的“确定”按钮后，它永远不再显示。

谢谢！

Answer 1

Bootstrap模式（以及Bootbox模态）只是<div>元素，其z索引高于页面内容的其余部分。它们仍然包含在页面主体中，因此当您单击模态中的任何元素时，它会传播到模态的每个父元素。由于body标签是顶级父级，因此单击模式中的按钮最终也会单击body元素。