Warum erscheint mein bootstrap modal nicht?

Question

Ich möchte einen Newsletter modal zu Popup, sobald die Seite geladen wird, aber ich habe einige Probleme, meine modale zu laden, wenn mein Bildschirm geladen wird. Kann mir jemand helfen?

<!-- 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

Code funktioniert gut, können Sie versuchen, Ihre Jquery Link und Bootstrap-Link

$(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>