自动单击按钮以打开弹出窗口

Question

我想在5秒钟后自动在我的网站上打开一个弹出窗口。 因此，我决定自动单击打开弹出窗口的按钮。 所以我尝试使用：document.getElementById（'button_id'）。click（）。 但是我的方法不起作用。.您在我的代码中看到问题了吗？

 $(document).ready(function() { setTimeout(function() { document.getElementById('button').click() }, 5000); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="row"> <button class="btn btn-info btn-lg button" type="submit" id="button" data-toggle="modal" data-target="#enquirypopup">SUBSCRIBE</button> </div>

也许还有其他方法吗？ 在弹出窗口中显示.show（）之类的内容吗？

谢谢。

Answer 1

你为什么不使用

的HTML像：

<div id="popup-div-id">
</div>

CSS：

#popup-div-id
{
     position:fixed;
     z-index:3000;
     top:50px;
     left:50px;
     display:none;
     background-color:red;
}

和JS：

$(document).ready(function(){

      setTimeout(function(){

           $("#popup-div-id").show();
      },5000)
}

整页像这样：

  <html>
     <body>
         <div id="popup-div-id">
         </div>

         <style>
              #popup-div-id
              {
                  position:fixed;
                  z-index:3000;
                  top:50px;
                  left:50px;
                  display:none;
                  background-color:red;
              }
         </style>
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
         <script>

             $(document).ready(function(){

                   setTimeout(function(){

                         $("#popup-div-id").show();
                    },5000)
              }               

         </script>
     </body>
  </html>

Answer 2

你可以这样子做

$(document).ready(function(e) {

    setTimeout(function() {
        $('#mymodal').trigger('click');}, 5000); 


});

或为此删除data-toggle="modal" data-target="#enquirypopup"

<button class="btn btn-info btn-lg button modalpopup" data-target="enquirypopup" type="submit" id="button">SUBSCRIBE</button>

$(document).ready(function(e) {

     setTimeout(function() {
        $('#enquirypopup').modal("show");}, 5000); 


     $("body").on("click",".modalpopup" , function(){
       $("#'+$(this).attr('data-target')+'").modal("show");
     });        

    });

Answer 3

您应该使用引导程序的内置函数来触发模态

$(document).ready(function(){

        $("#myModal").modal();

});

#myModal是模态窗口的ID。

自动单击按钮以打开弹出窗口

问题描述

3 个解决方案

解决方案1
0 2017-01-18 10:54:05

解决方案2
0 2017-01-18 10:55:56

解决方案3
0 已采纳 2017-01-18 10:59:55

自动单击按钮以打开弹出窗口

问题描述

3 个解决方案

解决方案1 0 2017-01-18 10:54:05

解决方案2 0 2017-01-18 10:55:56

解决方案3 0 已采纳 2017-01-18 10:59:55

解决方案1
0 2017-01-18 10:54:05

解决方案2
0 2017-01-18 10:55:56

解决方案3
0 已采纳 2017-01-18 10:59:55