我正在使用Twitter引导模态对话框。当我点击引导模式对话框的提交按钮时，它会发送一个AJAX请求。我的问题是情态背景并没有消失。模态对话框确实消失了，但是“模态背景”在屏幕上创建的不透明度仍然存在
我该怎么办?
当前回答
这个解决方案适用于Ruby on Rails 3。X和一个js。erb文件重建部分DOM，包括模态。不管ajax调用是来自模态还是来自页面的不同部分，它都能正常工作。
if ($("#my-modal").attr("aria-hidden") === "false") {
$("#my-modal").modal('hide').on('hidden.bs.modal', function (event) {
functionThatEndsUpDestroyingTheDOM();
});
} else {
functionThatEndsUpDestroyingTheDOM();
}
感谢@BillHuertas的出发点。
其他回答
我也遇到过类似的问题。我将Boostrap与Backbone结合使用，我捕捉到点击“Do it”按钮，然后停止这些事件的传播。奇怪的是，这让模态消失了，但背景却没有。如果我调用event.preventDefault()，但不调用stopPropagation()，这一切都很好。
甚至我也遇到了类似的问题，我有以下两个按钮
<button id="confirm-delete-btn" >Yes, Delete this note.</button>
<button id="confirm-delete-cancel" data-dismiss="modal">No</button>
我想执行一些ajax操作和成功的ajax操作关闭模式。这就是我所做的。
$.ajax({
url: '/ABC/Delete/' + self.model.get("Id")
, type: 'DELETE'
, success: function () {
setTimeout(function () {
self.$("#confirm-delete-cancel").trigger("click");
}, 1200);
}
, error: function () {}
});
我触发了“No”按钮的点击事件，该按钮具有data-dismiss="modal"属性。这是有效的:)
我在提交表单时也遇到了同样的问题。解决方案是将按钮类型从submit更改为button，然后处理按钮单击事件，如下所示:
'click .js-save-modal' () {
$('#myFormId').submit();
$('#myModalId').modal('hide');
}
从https://github.com/twbs/bootstrap/issues/19385
Modal的显示/隐藏方法是异步的。因此，代码如下: foo.modal(“隐藏”);bar.modal(“秀”);是无效的。你需要等待 实际完成的显示/隐藏(通过侦听 显示/隐藏事件;看到 http://getbootstrap.com/javascript/#modals-events) 再次显示或隐藏方法。
我有这个问题时，我打开相同的模式两次太快，所以一个简单的解决方法是检查它是否已经显示，然后不显示它再次:
$('#modalTitle').text(...);
$('#modalMessage').text(...);
if($('#messageModal').is(':hidden')){
$('#messageModal').modal('show');
}
使用切换而不是隐藏，解决了我的问题
