封闭引导模态

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

$(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>

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

当前回答

此外，你可以“点击”一个“x”，关闭对话框。例如:

$ (" .ui-dialog-titlebar-close ") .click ();

2017-01-10 21:10:39

其他回答

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

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

2017-02-22 22:39:43

这招对我很管用:

<span class="button" data-dismiss="modal" aria-label="Close">cancel</span>

使用这个链接模态关闭

2015-12-12 12:15:11

$('#modal').modal('toggle');

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

应该工作。

但如果没有其他工作，你可以直接调用模式关闭按钮:

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

2016-06-09 12:04:50

试试这个

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

2019-07-16 05:47:34

经过一些测试，我发现对于引导模式，在执行$(.modal).modal('show')后执行$(.modal).modal('hide')之前需要等待一段时间。我发现在我的情况下，我需要在两者之间至少500毫秒的间隔。这是我的测试用例和解决方案:

$('.modal-loading').modal('show');
setTimeout(function() {
  $('.modal-loading').modal('hide');
}, 500);

2019-12-21 05:24:25

封闭引导模态

推荐文章

最新文章

标签