私のブートストラップモーダルがポップアップしないのはなぜですか？

Question

私は、ページがロードされると同時にニュースレターモーダルをポップアップしたいのですが、私の画面がロードされるときにモーダルを読み込むのに問題があります。誰か助けてくれますか？あなたのコードは正常に動作し

<!-- Introduction Modal --> 
    <div id="myModal" class="modal fade"> 
     <div class="modal-dialog"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
        <h4 class="modal-title">Subscribe our Newsletter</h4> 
       </div> 
       <div class="modal-body"> 
        <p>Subscribe to our mailing list to get the latest updates straight in your inbox.</p> 
        <form> 
         <div class="form-group"> 
          <input type="text" class="form-control" placeholder="Name"> 
         </div> 
         <div class="form-group"> 
          <input type="email" class="form-control" placeholder="Email Address"> 
         </div> 
         <button type="submit" class="btn btn-primary">Subscribe</button> 
        </form> 
       </div> 
      </div> 
     </div> 
    </div> 
    <!-- Modal Popup --> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
      $("#myModal").modal('show'); 
     }); 
    </script> 

Answer 1

、あなたは@Breevie前に必ず `jquery.js`と` bootstrap.js`負荷ことを確認

$(function() { 
 
    $("#myModal").modal(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> 
 
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div id="myModal" class="modal fade"> 
 
     <div class="modal-dialog"> 
 
      <div class="modal-content"> 
 
       <div class="modal-header"> 
 
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
 
        <h4 class="modal-title">Subscribe our Newsletter</h4> 
 
       </div> 
 
       <div class="modal-body"> 
 
        <p>Subscribe to our mailing list to get the latest updates straight in your inbox.</p> 
 
        <form> 
 
         <div class="form-group"> 
 
          <input type="text" class="form-control" placeholder="Name"> 
 
         </div> 
 
         <div class="form-group"> 
 
          <input type="email" class="form-control" placeholder="Email Address"> 
 
         </div> 
 
         <button type="submit" class="btn btn-primary">Subscribe</button> 
 
        </form> 
 
       </div> 
 
      </div> 
 
     </div> 
 
    </div>