Twitter bootstrap 在对话框外单击时触发twitter boostrap模式

如果用户在对话框外单击，引导模式中是否有触发事件的选项

---

例如：我想在用户单击远离模式时添加动画抖动css。

这不是专门针对引导的，但应该可以按照您的要求执行

下面的代码段检测到页面上任意位置的单击。然后，它检查单击的内容，并根据该内容决定要执行的操作

$(document).click(function (e) {

        //Dont hide the button if it's a link or input that was clicked
        if ((e.target.nodeName == 'A') || (e.target.nodeName == 'INPUT')) return;

        HideSubmenus();
    });

---

在您的情况下，您可能会检查它是否不是Div（因此也不是模态）。

是的，使用显示的事件，您可以启动一个新功能，当有人单击身体时（因此在模态之外），您可以执行一些操作

记住还要添加

event.stopPropagation（）

以在单击外部时不关闭模式

这里有一个例子：

$('#myModal').on('shown', function () {
  $('body').on('click', function(e) {
    // your function...
    e.stopPropagation();
  });
})

---

---

动画抖动是Modal popover的默认功能。您只需设置背景：“静态”即可。这将防止popover关闭，并在有人单击modal外部时启用抖动动画

$('#myModal').modal({
     backdrop:'static', show: true
})

有关更多信息，请查看

---

（来源：）

关闭模式后，每次单击主体时都会触发事件。我试过

$（document）.ajaxStart（function（）{$（“#ajax_loader”）.modal（'show'）.on（'show'，function（）{$（'body'）.on（'click'，function（e）{$（“#ajax_loader”）.addClass（“动画震动”）；e.stopPropagation（）；}）

当然，然后在modal隐藏事件上你应该

.off（）

也单击车身。你也需要这个例子吗？还添加了关闭事件。谢谢回复。它按预期工作，但每次单击功能都会增加事件触发器。例如，我在body click功能内使用alert进行检查，如果我第二次单击模态，我会收到两个警报，第三次单击三个警报…尝试增加模态的z索引并将body设置为0，这可能会有所帮助。。。抱歉，对此不确定。向您的答案添加说明将为其增加更多价值，而不仅仅是添加链接。这将在模式关闭时触发，而不一定是在其外部单击时触发（即，如果可以通过其他方式关闭模式）。

$('#myModal').modal({
     backdrop:'static', show: true
})

$('#myModal').on('hidden.bs.modal', function (e) {
    // do something...
})