Fatal编程技术网
  • javascript/
  • Javascript 当页面打开时将模态设置为onload

Javascript 当页面打开时将模态设置为onload

javascript jquery html

Javascript 当页面打开时将模态设置为onload,javascript,jquery,html,modal-dialog,onload,Javascript,Jquery,Html,Modal Dialog,Onload,有人能帮我吗？我正在尝试在页面加载时加载一个模式，但是有一些严重的问题 <script> $('#overlay').modal('show'); setTimeout(function() { $('#overlay').modal('hide'); }, 5000); </script> </head> <body> <div class="modal fade" id="overlay"> <di

有人能帮我吗？我正在尝试在页面加载时加载一个模式，但是有一些严重的问题

<script>
   $('#overlay').modal('show');

setTimeout(function() {
    $('#overlay').modal('hide');
}, 5000);
</script>

</head>

<body>


<div class="modal fade" id="overlay">
  <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">Modal title</h4>
      </div>
      <div class="modal-body">
        <p>Context here</p>
      </div>
    </div>
  </div>
</div>


$（'#overlay'）.modal（'show'）；
setTimeout（函数（）{
$（'#overlay'）.modal（'hide'）；
}, 5000);
&时代；
情态标题
这里的上下文
您必须将调用包装在文档中，以确保在页面完全加载后调用，如下所示：


$（文档）.ready（函数（）{
$（'#overlay'）.modal（'show'）；
setTimeout（函数（）{
$（'#overlay'）.modal（'hide'）；
}, 5000);
});
&时代；
情态标题
这里的上下文
您必须将调用包装在文档中，以确保在页面完全加载后调用，如下所示：


$（文档）.ready（函数（）{
$（'#overlay'）.modal（'show'）；
setTimeout（函数（）{
$（'#overlay'）.modal（'hide'）；
}, 5000);
});
&时代；
情态标题
这里的上下文
两个问题：

一。。您不会等到
DOM
完全加载。使用
$（document）.ready（）
在加载
DOM
后加载脚本

第二：最好将代码放在实际的
DOM
元素之后，而不是放在它之前。这样一来，
DOM
几乎可以保证在脚本运行之前加载

即：

两个问题：

一。。您不会等到
DOM
完全加载。使用
$（document）.ready（）
在加载
DOM
后加载脚本

第二：最好将代码放在实际的
DOM
元素之后，而不是放在它之前。这样一来，
DOM
几乎可以保证在脚本运行之前加载

即：

不确定什么是严重的问题，但是。。。确保将显示包装在文档中准备就绪，否则它可能无法工作，因为DOM将无法完全加载使用
$（document）.ready（函数（）{$（'#overlay'）.modal（'show'）；setTimeout（函数（）{$（'#overlay'）.modal（'hide'）；}，5000）；}）不确定严重问题是什么，但。。。确保将显示包装在文档中准备就绪，否则它可能无法工作，因为DOM将无法完全加载使用
$（document）.ready（函数（）{$（'#overlay'）.modal（'show'）；setTimeout（函数（）{$（'#overlay'）.modal（'hide'）；}，5000）；}）控制台
点击F12并刷新页面，看看JS arrors正在发生什么。这是我在控制台$（…）中得到的。模态不是一个函数。你使用
.modal（）
有什么原因吗？我只会使用
.show（）
和
.hide（）
——请看我上面的编辑^^我试过你的方法，扎克，什么都没有。我不想工作，什么都没变。有什么原因吗？我建议看你的
控制台
点击F12并刷新页面，看看JS arrors正在发生什么。这是我在控制台$（…）中得到的。模态不是一个函数。你使用
.modal（）
有什么原因吗？我只会使用
.show（）
和
.hide（）
——请参见上面的编辑^^它的工作方式应该是这样的；对但是，它完全弄乱了我的整个网页，把我的文本变成了不同的颜色，对齐都被关闭了。不知道它为什么这样做。它的工作方式应该是这样的；对但是，它完全弄乱了我的整个网页，把我的文本变成了不同的颜色，对齐都被关闭了。不知道为什么会这样。

<div class="modal fade" id="overlay">
  <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">Modal title</h4>
      </div>
      <div class="modal-body">
        <p>Context here</p>
      </div>
    </div>
  </div>
</div>



   <script>
     $(document).ready(function() {
       $('#overlay').modal('show');
       setTimeout(function() {
       $('#overlay').modal('hide');
       }, 5000);
     });
  </script>



   <script>
     $(document).ready(function() {
       $('#overlay').show();
       setTimeout(function() {
       $('#overlay').hide();
       }, 5000);
     });
  </script>