Events 页面引导3中的模式加载

我想知道在触发索引页时如何使模式自动

我想打开屏幕上出现的一个模态索引，我应该在bootstrap 3中更改什么才能达到这个效果

打开页面的onload窗口中的模态

谢谢你们的帮助

我是这样说的

我做错了什么

<script type="text/javascript">
$( document ).ready( function() {
    $( '#teste' ).modal( 'toggle' );
});
</script>

<!-- Modal -->
<div class="modal fade in" id="teste" 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">
        ...
      </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 -->

$（文档）.ready（函数（）{
$（'#teste'）。模态（'toggle'）；
});
&时代；
情态标题
...
接近
保存更改

这就是你要找的吗？

试试：

<script type="text/javascript">
  $(document).ready(function() {
    $('#teste').modal({
      show: true,
    })
  });
</script>

$（文档）.ready（函数（）{
$（'#teste'）。模态({
秀：没错，
})
});

例如：

 <!-- css -->
 <link href="css/bootstrap.css" rel="stylesheet" type="text/css" >
 <script src="js/jquery.js"></script>
 <script src="js/bootstrap.js"></script>

 <script type="text/javascript">
 $(document).ready(function() {
   $('#myModal').modal({
    show: true,
   })
 });
</script>

 <!-- 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">
         ...
       </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 -->

$（文档）.ready（函数（）{
$（“#myModal”）.modal({
秀：没错，
})
});
启动演示模式
&时代；
情态标题
...
接近
保存更改

您的代码将实际工作。您做错的事情是javascript部分的位置

您只需将代码的javascript部分放在文档底部，就在结束正文标记之前

我刚刚用一个长文档测试了您的代码，结果失败了。我所做的只是将javascript移到页面底部，它工作得非常完美

还有另一个堆栈溢出，它讨论了为什么在某些情况下这是最佳实践（）

---

祝你好运

尝试添加一些代码或问题的详细视图此函数用于显示为撅嘴？此函数用于在加载文档时打开模式窗口（如果已关闭）。此函数用于以撅嘴的形式打开模式？感谢帮助，我做错了什么？这对搭档不起作用？年轻的瓦鲁·阿尤达，包括codigo e nada Aconteche，esta como o codigo acima sótroquei pelo que vc passou，欧盟javascript na负责人，barbaraEster bem，o código esta certo，se não Functiono Pod ser algum erro没有javascript做引导，ou vocènão Inclutiu Corretation。O模式功能通过按钮（包括javascript）正常运行。在navegador控制台上安装帐篷，以防止出现错误。重新设计branco公司的产品，包括零引导、质量保证和模式。Javascriptémeio chato para conflicito，eu não mexo muito bem，mas as vezes da conflicito se vocètiver usando um outro js para outra funèo.Blz Junior ja montei tudo de nv peguei desdo zero，vo fazer o teste aqui agora，sópra ter certeza antes de inclusir o modal posso pegar do do via button mesmo？在圣恩滕迪的圣母院，你可以在这里享受一个温暖的夜晚。

 <!-- css -->
 <link href="css/bootstrap.css" rel="stylesheet" type="text/css" >
 <script src="js/jquery.js"></script>
 <script src="js/bootstrap.js"></script>

 <script type="text/javascript">
 $(document).ready(function() {
   $('#myModal').modal({
    show: true,
   })
 });
</script>

 <!-- 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">
         ...
       </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 -->