Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: SrTrp en 29 Diciembre 2020, 05:17 am



Título: ERROR modal is not a function
Publicado por: SrTrp en 29 Diciembre 2020, 05:17 am
Buenas noches tengo un detalle al usar el modal de bootstrap(4.5) el detalle que me da este error
Código:
Uncaught TypeError: $(...).modal is not a function
    at HTMLDocument.<anonymous>
Pero solo a veces eh estado reiniciando la pagina y a veces me da error de 10 veces que reinicio la pagina me lo arroja 3 a 5 veces.
Aquí es donde lo tengo.
Código
  1. <?php
  2. if (isset($_GET['success'])) {
  3.  $success = base64_decode($_GET['success']);
  4. ?>
  5.  <!-- Modal -->
  6. <div class="modal fade" id="modalsucces" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  7.  <div class="modal-dialog" role="document">
  8.    <div class="modal-content">
  9.      <div class="modal-header">
  10.        <h5 class="modal-title" id="exampleModalLabel">Exitó!</h5>      
  11.      </div>
  12.      <div class="modal-body">
  13. <?php
  14.       echo $success;
  15.        ?>      
  16.      </div>
  17.      <div class="modal-footer">
  18.        <button type="button" class="btn btn-success" data-dismiss="modal">Cerrar</button>        
  19.      </div>
  20.    </div>
  21.  </div>
  22. </div>
  23.  $( window ).ready(function() {
  24.    $('#modalsucces').modal('show');
  25. });
  26. <?php
  27. }
  28. ?>
  29.  
Tengo todo esto debajo de donde incluyo el jquery y el js de bootstrap.


Título: Re: ERROR modal is not a function
Publicado por: EdePC en 29 Diciembre 2020, 15:14 pm
mmm... y si usas directamente:

Código
  1. $(function() {
  2.    $('#modalsucces').modal('show');
  3. });

Citar
Tengo todo esto debajo de donde incluyo el jquery y el js de bootstrap.

Se recomienda poner el JS de BootStrap al final del Body del HTML, tal como indica la página oficial de BootStrap


Título: Re: ERROR modal is not a function
Publicado por: SrTrp en 30 Diciembre 2020, 01:45 am
mmm... y si usas directamente:

Código
  1. $(function() {
  2.    $('#modalsucces').modal('show');
  3. });

Se recomienda poner el JS de BootStrap al final del Body del HTML, tal como indica la página oficial de BootStrap
Gracias gracias, pensaba que solo era de poner siempre antes el Jquery al JS de BootStrap, pero hice lo que me recomendaste y ya quedo gracias  ;-)