如果您正在使用从getboostrap站点本身复制并粘贴到html生成的选择器中，请确保您删除了注释'<!——/。模态——>”。Bootstrap会感到困惑，认为注释是第二个模态元素。它为这个“第二个”元素创建了另一个背景。

我只是在这个问题上花了太多时间:)

虽然提供的其他答案是有帮助的和有效的，但对我来说，从Bootstrap有效地重新创建模态隐藏功能似乎有点混乱，所以我找到了一个更干净的解决方案。

问题是，当你打电话时，会发生一连串的事件

$("#myModal").modal('hide');
functionThatEndsUpDestroyingTheDOM()

然后，当您替换AJAX请求的结果一堆HTML时，模式隐藏事件不会结束。然而，Bootstrap在一切完成时触发一个事件，你可以像这样钩入:

$("#myModal").modal('hide').on('hidden.bs.modal', functionThatEndsUpDestroyingTheDOM);

希望这对你有帮助!

模式(’hide’)

手动隐藏模式。在modal实际被隐藏之前(即在hidden.bs.modal事件发生之前)返回给调用者。

所以与其

$('#myModal').modal('hide');
$('#someOtherSelector').trigger('click');

do

$('#myModal').modal('hide');
$('#myModal').on('hidden.bs.modal', function() {
   $('#someOtherSelector').trigger('click');
});

因此，您一定要等到“hide”事件完成。

在ASP。，在UpdatePanel后面的代码上添加一个更新 jquery命令。例子:

    ScriptManager.RegisterStartupScript(Page, Page.GetType(), "myModal", "$('#myModal').modal('hide');", true);
    upModal.Update();

在动作按钮中插入:

data-backdrop="false"

and

data-dismiss="modal" 

例子:

<button type="button" class="btn btn-default" data-dismiss="modal">Done</button>

<button type="button" class="btn btn-danger danger" data-dismiss="modal" data-backdrop="false">Action</button>

如果你输入这个data-attr， .modal- background将不会出现。 关于它的文档在这个链接:http://getbootstrap.com/javascript/#modals-usage

数据背景属性的初始值可以是

“静态”、“真”、“假”。

Static和true添加模态阴影，而false禁用阴影，所以你只需要在第一次点击时将这个值更改为false。是这样的:

$(文档)。(“准备好”,函数(){ var计算= 0; $ (' # id-which-triggers-modal ')。(“点击”,函数(){ 如果(数> 0){ (美元).attr(“data-backdrop”,“假”) ｝ 数+ +; })； })；