在頁面加載時啓動模式

Question

我試圖在加載頁面時啓動模式。問題是我沒有訪問頭部的部分。

我用一個按鈕創建了一個模式。如果我點擊那個按鈕，模式顯示。現在我試圖隱藏按鈕，然後用javascript模擬點擊。我期望那個模式會顯示。但它沒有。
應該「document.getElementById（」hiddenbutton「）。click（）;」不開火按鈕？

<button id="hiddenbutton" type="button" data-toggle="modal" data-target="#modal_default" style="display: none;"></button> 
       <!-- Basic modal --> 
      <div id="modal_default" class="modal fade"> 
       <div class="modal-dialog"> 
        <div class="modal-content"> 
         <div class="modal-header"> 
          <button type="button" class="close" data-dismiss="modal">&times;</button> 
          <h5 class="modal-title">Basic modal</h5> 
         </div> 

         <div class="modal-body"> 
          <h6 class="text-semibold">Text in a modal</h6> 
          <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> 

          <hr> 

          <h6 class="text-semibold">Another paragraph</h6> 
          <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p> 
          <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> 
         </div> 

         <div class="modal-footer"> 
          <button type="button" class="btn btn-link" data-dismiss="modal">Close</button> 
          <button type="button" class="btn btn-primary">Save changes</button> 
         </div> 
        </div> 
       </div> 
      </div> 
      <!-- /basic modal --> 


<script type="text/javascript"> 

    document.getElementById("hiddenbutton").click();   

感謝

Answer 1

看起來你正在使用的引導，這樣你就可以使用$('#modal_default').modal('show')以顯示模式。

您無需訪問head部分。就在這段JavaScript代碼添加到您的網頁：

<script type="text/javascript"> 
$(function() { 
    $('#modal_default').modal('show'); 
}) 
</script> 

Answer 2

將這個腳本在你的頁頭：

<script type="text/javascript"> 

    $(document).ready(function() 
    { 
     $('#modal_default').modal('show'); 
    }); 

</script> 

但要確保前導入bootstrap.js和jquery.js和你的頁面執行上面的代碼片段。