jQuery/Bootstrap-Twitter引导模式在页面加载时打开？

我正在使用Twitter引导的模式插件，一切正常，控制台没有显示javascript错误，但我的问题是当页面加载时它会打开吗？我关闭模式，然后可以重新打开它没有问题，但它只是在我重新加载页面时保持打开。这是我的标记

HTML 发射模态

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-    labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  <h3 id="myModalLabel">Modal header</h3>
</div>

   <div class="modal-body">
     <p>One fine body…</p>
   </div>

  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
     <button class="btn btn-primary">Save changes</button>
   </div>
  </div>

×
模态头
一个好身体

接近
保存更改

Javascript

非常简单，真的：p

 <script>
 $('#myModal').modal()  
 </script>

$（'#myModal'）.modal（）

试试这个

实际上，调用

$（“#myModal”）.modal（）

告诉模态立即显示，而不是单击。您只需完全删除该调用

---

如果为模式及其触发器使用正确的标记，则根本不需要javascript调用。这是bootstrap的一个重要特性，通过静态标记可以获得动态行为

如果不想在页面加载中显示模式，则无需使用任何javascript，只需使用下面的代码在引导中创建一个简单的模式即可

   <!-- Button trigger modal -->
   <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
     Launch demo modal
   </button>

   <!-- Modal -->
   <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
     <div class="modal-dialog">
       <div class="modal-content">
         <div class="modal-header">
           <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
           <h4 class="modal-title" id="myModalLabel">Modal title</h4>
         </div>
         <div class="modal-body">
           <h1>Hello World!</h1>
         </div>
         <div class="modal-footer">
           <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
           <button type="button" class="btn btn-primary">Save changes</button>
         </div>
       </div><!-- /.modal-content -->
     </div><!-- /.modal-dialog -->
   </div><!-- /.modal -->

启动演示模式
&时代；
情态标题
你好，世界！
接近
保存更改

这仍然会在页面加载时启动它。我还尝试将#myModal的显示设置为none，仍然在页面加载中。那么$（#myModal'）呢。modal（'hide'）？太好了！非常感谢，他们真的应该告诉你隐藏它：p他们说的是.modal（选项）————————————————再次感谢你，伙计。默认情况下，如果你使用了现场演示的样本，它应该隐藏。如果没有，您会遇到其他干扰。请不要在页面加载时调用

$（“#myModal”）.modal（）

，这就是为什么会显示它。。。调用.modal（）时的默认行为是

show:true

嘿，我也遇到过这种情况。我遵循一个教程，使用HTML标记调用它，并使用jquery调用div id。一旦我终止了jq调用，它就可以很好地加载HTML标记。这可能是您遇到的问题吗？是的，如果您为模态及其触发器使用正确的标记，则不需要javascript调用。这是bootstrap的一个重要特性——通过静态标记实现动态行为。调用

$（'#myModal'）.modal（）

有效地告诉模态立即显示，而不是单击。

   <!-- Button trigger modal -->
   <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
     Launch demo modal
   </button>

   <!-- Modal -->
   <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
     <div class="modal-dialog">
       <div class="modal-content">
         <div class="modal-header">
           <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
           <h4 class="modal-title" id="myModalLabel">Modal title</h4>
         </div>
         <div class="modal-body">
           <h1>Hello World!</h1>
         </div>
         <div class="modal-footer">
           <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
           <button type="button" class="btn btn-primary">Save changes</button>
         </div>
       </div><!-- /.modal-content -->
     </div><!-- /.modal-dialog -->
   </div><!-- /.modal -->