Bootstrap Modal没有关闭X或关闭按钮,但在ESC上单击或在重叠上单击

问题描述:

标题说明了一切。我有一个使用$('#myModal').modal();打开的默认(复制自Bootstrap文档)模式,但在任何情况下,模式都会关闭X或取消按钮。控制台不记录任何错误。当我按下ESC或灰色透明覆盖层中的任何一点时,它都会关闭。Bootstrap Modal没有关闭X或关闭按钮,但在ESC上单击或在重叠上单击

为了确保我禁用了我项目中的所有其他JavaScript代码。我一直盯着这里一个小时。我错过了什么?以前做过这么多次,但我对此行为感到莫名其妙...

好吧,我相信以后我会排除任何外部因素了我尝试使用BootstrapCDN.com的bootstrap JavaScript文件,而不是使用作曲家的版本。你知道吗?在我的拉动版本中有一个错误导致这种行为...

关闭按钮有data-dismiss="modal"吗?

从引导:

<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 

你可以尝试切换或手动隐藏,

$('#myModal').modal('hide') 
+0

它。但我已经知道了...... – Ben

检查,如果你有data-dismiss属性如下

在X图标

<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 

关闭

<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 

如果你有的话,请复制并粘贴您的代码,这可能有助于确定是什么导致了问题