封闭引导模态

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

$(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_id').modal('hide');

2019-07-16 05:47:34

其他回答

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

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

2015-08-11 09:26:36

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

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

2017-01-10 21:10:39

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

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

2019-04-11 16:22:04

这很有效

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

然而，当你有多个情态动词堆叠在另一个上面时，它是无效的，所以，相反，这是有效的

data-dismiss="modal"

2018-11-19 13:11:29

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

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

2017-05-16 16:41:18

封闭引导模态

推荐文章

最新文章

标签