title: Why does the popup model stops working when I add order for API
body: <p>Hey I need some help I'm trying to make an popup model that pops when the page load....
  Now I've succeeded to do it in clean html page but in my project I have some import of jQuery for API spreadsheets and it stops to work.</p>
  <p><strong>Here is my model</strong></p>
  <pre><code>&lt;div class=&quot;modal&quot; id=&quot;exampleModalCenter&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot;
              aria-labelledby=&quot;exampleModalCenterTitle&quot; aria-hidden=&quot;true&quot;&gt;
              &lt;div class=&quot;modal-dialog modal-dialog-centered&quot; role=&quot;document&quot;&gt;
                  &lt;div class=&quot;modal-content&quot;&gt;
                      &lt;div class=&quot;modal-header&quot; style=&quot;background-color: #a3de83;&quot;&gt;
                          &lt;h3 class=&quot;modal-title&quot; id=&quot;exampleModalLongTitle&quot;&gt;Vous êtes propriétaire ?&lt;/h3&gt;
                          &lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-label=&quot;Close&quot;&gt;
                              &lt;span aria-hidden=&quot;true&quot;&gt;&amp;times;&lt;/span&gt;
                          &lt;/button&gt;
                      &lt;/div&gt;
                      &lt;div class=&quot;modal-body&quot; style=&quot;background-color: #a3de83;&quot;&gt;
                          Remplacez votre système de chauffage ou isolez vos murs extérieurs en bénéficiant d’Aides de
                          l’Etat
                          Économisez jusqu’à 70% sur vos factures de chauffage.
                          &lt;br /&gt;
                          &lt;br /&gt;
                          GRÂCE AUX NOUVELLES AIDES DE L'ÉTAT EN 2020/2021
                          &lt;br /&gt;
                          * Réaliser des économies
                          &lt;br /&gt;
                          * Gagner en confort dans votre logement
                          &lt;br /&gt;
                          * Faire gagner de la valeur à votre domicile
                          &lt;br /&gt;
                          * Avoir un meilleur DPE (diagnostic de performance énergétique)
                      &lt;/div&gt;
                      &lt;div class=&quot;modal-footer&quot; style=&quot;background-color: #a3de83;&quot;&gt;
                          &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; data-dismiss=&quot;modal&quot;&gt;Fermé&lt;/button&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  <p><strong>Here is my script:</strong></p>
  <pre><code>&lt;script &gt;
  $(document).ready(function () {
      setTimeout(function () {
          // Show the Modal on load
          $(&quot;#exampleModalCenter&quot;).modal(&quot;show&quot;);
      }, 500)
  });
  </code></pre>
  
  <p>There is my order:</p>
  <pre><code>&lt;script src=&quot;https://code.jquery.com/jquery-3.3.1.slim.min.js&quot; integrity=&quot;sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
  
  &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js&quot; integrity=&quot;sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
  
  &lt;script src=&quot;https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js&quot; integrity=&quot;sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
  
  &lt;script src=&quot;JS_Main.js&quot;&gt;&lt;/script&gt;
  </code></pre>
  <p><strong>And this specific one make the treble and when I remove him its work fine but the API don't works</strong></p>
  <pre><code>&lt;script src=&quot;https://code.jquery.com/jquery-3.5.1.js&quot; integrity=&quot;sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=&quot;
          crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
  </code></pre>
  <p><strong>And this is the Error that I get</strong></p>
  <p><a href="https://i.stack.imgur.com/P5Jrp.jpg" rel="nofollow noreferrer">error that I get</a></p>