如何使twitter引导模式关闭(初始启动后)?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (38)

我使用twitter bootstrap modal来监听某些事情(可能很明显)。我试图做的是获得一种模式,只能在移动设备上启动。这适用于在模态div上添加class .visible-phone。到现在为止还挺好。但是我希望它能够工作,这意味着你可以用X按钮关闭它。我无法使按钮工作。

<div class="modal visible-phone" id="myModal">
  <div class="modal-header">
    <button class="close" data-dismiss="modal">×</button>
    <h3>text introductory<br>want to navigate to...</h3>
 </div>
 <div class="modal-body">
    <ul class="nav">
      <li> ... list of links here </li>
    </ul>
   </div>
  </div>

在html的底部,我放置了jquery.js(第一个)和bootstrap.modal.js和bootstrap.transition.js。其实所有的引导js模块(不要错过包括)。

提问于
用户回答回答于

如果启动模式对话框是用以下方式打开的,那么关闭引导模式对话框时会出现问题:

$('#myModal').modal('show');

我通过以下链接解决了打开对话框的问题:

<a href="#myModal" data-toggle="modal">Open my dialog</a>

不要忘记初始化:

$('#myModal').modal({show: false});

我还在关闭按钮中使用了以下属性:

data-dismiss="modal" data-target="#myModal"
用户回答回答于

扫码关注云+社区