//Create modal appending on body
myModalBackup = null;
$('#myModal').on('hidden.bs.modal', function(){
       $('body').append(myModalBackup.clone());
    myModalBackup = null;
});

//Destroy, clone and show modal
myModalBackup = $('#myModal').clone();
myModalBackup.find('.modal-backdrop').remove();
$('#myModal').modal('hide').remove();
myModalBackup.find('.info1').html('customize element <b>1</b>...');
myModalBackup.find('.info2').html('customize element <b>2</b>...');                             
myModalBackup.modal('show');

提琴——> https://jsfiddle.net/o6th7t1x/4/

在应用了最高评级的解决方案后，我有一个问题，它打破了将来情态动词正确打开。我已经找到了我的解决方法

        element.on("shown.bs.modal", function () {
            if ($(".modal-backdrop").length > 1) {
                $(".modal-backdrop").not(':first').remove();
            }
            element.css('display', 'block');
        });

模式(’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”事件完成。

在。net MVC4项目中，我在Ajax中有模态弹出(bootstrap 3.0)。BeginForm(OnComplete = "addComplete"[额外的代码删除])。在“addComplete”javascript中，我有以下代码。这解决了我的问题。

$（'#moreLotDPModal'）.hide（）; $（“#moreLotDPModal”）.data（'bs.modal'）.isDisplay= false; $（'body'）.removeClass（'modal-open'）; $（'.modal-backdrop'）.remove（）; $（'#moreLotDPModal'）.removeClass（“in”）; $（'#moreLotDPModal'）.attr（'aria-hidden'， “true”）;

确保对$.modal()的初始调用以应用模态行为没有传入比预期更多的元素。如果发生这种情况，它将为集合中的每个元素创建一个带有背景元素的模态实例。因此，它可能看起来像是背景被留下了，而实际上你正在看的是其中一个复制品。

在我的例子中，我试图用这样的代码创建模式内容:

myModal = $('<div class="modal">...lots of HTML content here...</div><!-- end modal -->');
$('body').append(myModal);
myModal.modal();

在这里，结束</div>标记之后的HTML注释意味着myModal实际上是两个元素的jQuery集合——div和注释。他们都尽职地变成情态动词，每个都有自己的背景元素。当然，由注释组成的模态在背景之外是不可见的，所以当我关闭真正的模态(div)时，它看起来就像背景被留下了一样。

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

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