如何让twitter引导模式关闭（初始启动后）

Question

我是一个非常好的noob，所以我想我正在用twitter引导模式来监督一些事情（可能很明显）。我想做的是让一个模态只在手机上启动。这在添加类时效果很好。modal div上的可视电话。到目前为止还不错。但我希望它能工作，这意味着你可以用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.jsbootstrap.transition.js.实际上所有的引导js模块（不要错过一个包括）。我没有经验与js...

如果我提出了一个非常愚蠢的问题，请原谅。我在日志中找不到这个具体情况的答案。

Answer 1

将类隐藏添加到模态

<!-- Modal Demo -->
<div class="modal hide" id ="myModal" aria-hidden="true" >

Javascript代码

 <!-- Use this to hide the modal necessary for loading and closing the modal-->
 <script>
     $(function(){
         $('#closeModal').click(function(){
              $('#myModal').modal('hide');
          });
      });
 </script>

 <!-- Use this to load the modal necessary for loading and closing the modal-->
 <script>
     $(function () {
         $('#myModal').modal('show');
     });
  </script>

Answer 2

我在关闭引导模式对话框时遇到问题，如果它是通过以下方式打开的：

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

我通过以下链接打开对话框解决了这个问题：

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

不要忘记初始化：

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

我还为关闭按钮使用了以下属性：

data-dismiss="modal" data-target="#myModal"

Answer 3

$（'myModal'）。模态（'hide'）应该这样做