我有一个引导模式对话框,我想首先显示,然后当用户在页面上单击时,它就消失了。我有以下几点:

$(function () {
   $('#modal').modal(toggle)
});

 <div class="modal" id='modal'>
     <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Error:</h3>
        </div>
        <div class="modal-body">
        <p>Please correct the following errors:</p>
        </div>
     </div>
 </div>

模态最初会显示,但在模态之外单击时不会关闭。此外,内容区域没有灰色。我怎么能得到模态显示最初,然后关闭后,用户点击区域外?我怎么能得到背景是灰色的演示?


当前回答

用modal('toggle')代替modal(toggle)

$(function () {
   $('#modal').modal('toggle');
});

其他回答

我对这个的五分是,我不想有一个id的引导模式的目标,看到应该只有一个模式在一个时间,以下应该是相当足以删除模式,因为切换可能是危险的:

$('.modal').removeClass('show');

这段代码完美地为我关闭一个模态(我使用bootstrap 3.3)

$('#myModal').removeClass('in')

这对我很有用。我是一个新手,所以,请忽略我的使用JQuery和香草JavaScript一起。

document.addEventListener("click",function(){
        $(".modal").modal('hide');
        });

试试这个

$('#modal_id').modal('hide');

有时解决方案不工作,所以你必须正确地删除类,并手动添加CSS display:none。

$("#modal").removeClass("in");
$("#modal").css("display","none");