自動單擊按鈕以打開彈出窗口

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