Bootstrap modal zeigt nicht

Question

Ich habe folgende Bootstrap-modal:

<div class="popupCover"> 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria- labelledby="myModalLabel"> 
<div class="modal-dialog" role="document"> 
<div class="modal-content"> 
    <div class="modal-header"> 
    <button type="button" onClick="closeModal()" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span> </button> 
    </div> 
    <div class="modal-body"> 
    <h4>Text1</h4> 
    <p>Text2</p> 
    </div> 
</div> 
</div> 
</div> 
</div> 

Ich versuche, es zu öffnen mit

<script type="text/javascript">$('#myModal').modal('show')</script> 

Dies ist jedoch nicht funktioniert. Kann jemand den Fehler sehen? Vielen Dank!

Answer 1

Sie sollten jQuery und bootstrap.js Dateien hinzufügen und Bootstrap-Skript hinzugefügt werden soll, nachdem jQuery

Sie die working pen here

HTML sehen:

<div class="popupCover"> 
     <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria- labelledby="myModalLabel"> 
     <div class="modal-dialog" role="document"> 
      <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" onClick="closeModal()" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span> </button> 
      </div> 
      <div class="modal-body"> 
       <h4>Text1</h4> 
       <p>Text2</p> 
      </div> 
      </div> 
     </div> 
     </div> 
    </div> 

JS:

$('#myModal').modal('show');