1

所以我在打开模式后关闭它(通过单击'x'或背景覆盖图)。第二次打开模式时,只会通过点击背景叠加来关闭,通过点击'x'关闭不起作用。开启第二次后,Bootstrap模式不会以'x'结束

下面是我的模态代码:

 <div class="modal fade in" id="whatModal" aria-hidden="true"> 
      <div class="modal-content col-md-offset-4 col-md-4"> 
       <div class="modal-header"> 
       <div class="close glyphicon glyphicon-remove" data-dismiss="modal" data-target="#whatModal"></div> 
       <h3>Modal header</h3> 
       </div> 
       <div class="modal-body"> 
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum feugiat dui ipsum, in laoreet eros porttitor non.</p> 
       </div> 
      </div> 
     </div> 

哦,我使用的是引导3的方式。

在过去的几个小时里,我的头靠在墙上撞击之后,任何帮助都非常感激。

+0

当您触发“x”时,您的检查员控制台会说些什么? –

+0

没什么,这就是为什么我很困惑。至少如果它抛出某种错误,我可以从那里调试,但它没有给我任何东西。 – grigev07

+0

你可以提供更多的CSS/JS/HTML,所以我可以产生相同的问题,你有? –

回答

0

我不能给你一个特殊的答案,但没有一些日志信息形成控制台,但看着,我把一个快速演示放在一起。您可以检查resultsnippet在线

+0

感谢您的代码,帮助了很多并解决了我的问题。原来我使用的是jQuery 1.7.2而不是1.10.2,这是造成这个问题的原因。编辑:只是发现,如果您使用引导3.0.0-RC2它也打破关闭按钮。 – grigev07

+0

很高兴它帮助你 –

1

这是一个已知的问题... https://github.com/twbs/bootstrap/issues/9362

,并固定在这个承诺... https://github.com/twbs/bootstrap/commit/712b89ed4ebe71e44f2a7081be7ba372d8ca3f42#js/modal.js

在上面提交即可看到数据关闭点击事件处理程序已添加到构造函数中,但随后在隐藏时分离 - 并且未在show上重新获取,修复方法是将“click.dismiss.modal”移动到show函数中。

我可以证实这个版本解决了我的问题。

的修复已经使它成为完整的V3.0.0版本https://github.com/twbs/bootstrap/blob/v3.0.0/js/modal.js

所以我怀疑更新至该版本应该可以解决它。

相关问题