title: The Delay property of a toast in Jquery, does not work on a site built in PHP
body: <p>I have a mysql database connection built with PHP. At the frontend level I have included Bootstrap and Jquery, to be able to include toasts among many things. These notifications are shown after entering the data to the database, but the time in which they are visible is very short, not being able to modify the time with delay. </p>
  
  <p>I already tried including the toast script inside the body and the head of the form, as in an external file called with defer, so as not to cause conflicts in the order of loading scripts, but still I cannot modify the toast delay.
  I am working on a local installation with Debian.</p>
  
  <p>I. The toast code: </p>
  
  <pre><code>$(document).ready(function(){
       $("#btnEnter").click(function(){
       $("#enter_data").toast({ delay: 5000 });
       $('#enter_data').toast('show');
       });
  });
  </code></pre>
  
  <p>II. Part of the form code (currently invoking it from an external file // with defer):</p>
  
  <pre><code>&lt;input id="btnEnter" type="submit" name="enter_data" value="Enter Card" class="btn btn-primary"&gt;
  
  &lt;/form&gt;
  
  &lt;/div&gt;
  
  
  
  &lt;div aria-live="polite" aria-atomic="true" class="d-flex justify-content-center align-items-center" style="min-height: 200px;"&gt;
  
    &lt;!-- Then put toasts within --&gt;
    &lt;div class="toast" id="enter_data" role="alert" aria-live="assertive" aria-atomic="true"&gt;
      &lt;div class="toast-header"&gt;
  </code></pre>
  
  <p>I do not understand why if the toast is displayed correctly, its delay property does not work correctly.</p>