在页面加载时启动模式

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和你的页面执行上面的代码片段。