Запуск модальный на загрузку страницы

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. Просто добавьте этот яваскрипт кода вашей странице:

<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 на вашей странице до выполнение приведенного выше фрагмента.