Saltar al contenido

javascript – JQuery – $ no está definido

octubre 22, 2021
apple touch icon@2

Ese error solo puede deberse a una de estas tres cosas:

  1. Su archivo JavaScript no se está cargando correctamente en su página.
  2. Tienes una versión fallida de jQuery. Esto podría suceder porque alguien editó el archivo principal, o un complemento puede haber sobrescrito la variable $.
  3. Tiene JavaScript ejecutándose antes de que la página esté completamente cargada y, como tal, antes de que jQuery esté completamente cargado.

En primer lugar, asegúrese de que el script se llame correctamente, debería verse así

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

y no debería tener atributos asincrónico o aplazar.

Entonces deberías comprobar el Firebug neto panel para ver si el archivo se está cargando correctamente. De lo contrario, se resaltará en rojo y dirá «404» al lado. Si el archivo se carga correctamente, eso significa que el problema es el número 2.

Asegúrese de que todo el código javascript de jQuery se esté ejecutando dentro de un bloque de código como:

$(document).ready(function () {
  //your code here
});

Esto asegurará que su código se esté cargando después jQuery se ha inicializado.

Una última cosa que debe verificar es asegurarse de que no está cargando ningún complemento antes de cargas jQuery. Los complementos extienden el objeto «$», por lo que si carga un complemento antes de cargar jQuery core, obtendrá el error que describió.

Nota: Si está cargando código que no requiere que jQuery se ejecute, no es necesario colocarlo dentro del controlador listo para jQuery. Ese código se puede separar usando document.readyState.

close