Bootbox：如何避免递归调用？

Question

我有以下代码：

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

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

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

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

点击弹出窗口中的确定按钮后，它再也没有出现。

谢谢！

Answer 1

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

Bootbox: how to avoid recursive calls?