title: Bootstrap modal won't open on page load
body: <p>I have a modal that I am successfully opening with a button:</p>
  
  <pre><code>&lt;button onclick="content()" data-toggle="modal" data-target="#my_modal"&gt;Save&lt;/button&gt;
  
  &lt;form action="addPage.php" method="post"&gt;
    &lt;div class="modal fade" id="my_modal" tabindex="-1" role="dialog" aria-labelledby="savePageLabel" aria-hidden="true"&gt;
      &lt;div class="modal-dialog" role="document"&gt;
        &lt;div class="modal-content"&gt;
          &lt;div class="modal-header"&gt;
            &lt;h5 class="modal-title" id="savePageLabel"&gt;Page Details:&lt;/h5&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>But I'm trying to have it open on page load instead and it won't work:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt; 
  $(window).load(function(){
  $('#my_Modal').modal('show');
  }); 
  &lt;/script&gt;
  </code></pre>
  
  <p>I feel like it should be the right syntax and everything, but I can't understand why the button will open it but page load and document.ready won't?</p>
  
  <p>UPdate:</p>
  
  <p>My includes</p>
  
  <pre><code>  &lt;script src="https://npmcdn.com/tether@1.2.4/dist/js/tether.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="instafeed.js-master/instafeed.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.0/moment-with-locales.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://rawgit.com/tempusdominus/bootstrap-4/master/build/js/tempusdominus-bootstrap-4.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdn.jsdelivr.net/npm/gijgo@1.9.6/js/gijgo.min.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script type='text/javascript' src='//cdn.jsdelivr.net/jquery.marquee/1.4.0/jquery.marquee.min.js'&gt;&lt;/script&gt;
  </code></pre>