我有一个Bootstrap模态对话框,我希望它最初显示出来,然后当用户单击页面时,它会消失。 我有以下代码:
$(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>
模态框初始时已显示,但在单击模态框外部时未关闭。另外,内容区域没有变灰。我该如何使模态框初始时显示,然后在用户单击区域外部后关闭?并且如何像演示中那样将背景变灰?
$("#yourModal").modal()
还是$('.modal').modal()
来初始化你的模态框? - merv