封闭引导模态

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

$(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").modal('toggle');方式，但开始以以下方式回应:

$("#submitBtn").on("click",function(){
  $("#submitBtn").attr("data-dismiss","modal");
});

2018-03-29 10:16:06

其他回答

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

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

2018-03-13 17:31:54

试试这个

 $('#yourmodal').click();

2022-07-08 17:29:40

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

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

2013-05-11 03:19:28

使用模态。Hide只会隐藏模态。如果你在模态下面使用覆盖，它仍然会在那里。使用点击调用实际关闭模式，并删除覆盖。

$("#modalID .close").click()

2017-02-22 22:39:43

美元(> '模式。4)模式(’hide’);

如果你在一个页面中使用多个模态弹出，使用上面的代码来隐藏模态的背景。

2017-05-16 16:41:18

封闭引导模态

推荐文章

最新文章

标签