5 formas sencillas de solucionar el error «jQuery no está definido»
Ya sea que sea un extraño a los errores de WordPress o no, encontrarse con «jQuery no está definido» mientras trabaja en su sitio web nunca es divertido. Puede ser un mensaje sorprendente y confuso de ver. Afortunadamente, este es un error estándar que los sitios que usan jQuery pueden experimentar en algún momento u otro.
Quizás su sitio no funciona, y cuando revisa la consola de su navegador en busca de errores, ve «jQuery no está definido». Encontrar el error es el primer paso, ¡muy bien hecho!
El siguiente paso es resolverlo. Debido a que este es uno de los errores de JavaScript más sencillos de corregir, no debería llevarte mucho tiempo.
En esta publicación, lo guiaremos a través de todo lo que necesita saber para solucionarlo rápidamente. Eso incluye lo que significa el error, por qué puede haber ocurrido en primer lugar, toda la información crítica para evitar este error en el futuro. Finalmente, lo guiaremos a través de algunos pasos que puede seguir para resolverlo.
¡Vamos a sumergirnos!
¿Qué es el error «jQuery no está definido»?
El práctico registro de la consola en su navegador es donde probablemente descubrirá este error. Pero no es increíblemente descriptivo. ¿Qué significa realmente «jQuery no está definido»?
En términos sencillos, este error intenta indicarle que algo en su sitio, puede ser un complemento, requiere jQuery para funcionar en su sitio. Por alguna razón, cuando el navegador intentó cargar el sitio web y solicitó ese jQuery específico, no estaba disponible.
Este error puede potencialmente cerrar su sitio a los visitantes. Debido a que aproximadamente el 78% de los sitios web en Internet se ejecutan en jQuery, este es un error común de encontrar.
jQuery no está definido ”en el registro de la consola.
Causas potenciales del error «jQuery no está definido»
Este error puede ser una gran sorpresa. Su sitio funcionaba bien ayer, ¿qué sucedió? Esto podría ser un poco molesto.
Hay algunas cosas posibles que podrían haber ocurrido que arrojaron el error «jQuery no está definido»:
- Los complementos antiguos instalados en su sitio de WordPress están en conflicto con los que instaló y activó más recientemente. Si recientemente instaló o activó nuevos complementos o algunos de los complementos en su sitio no se han actualizado recientemente, esta puede ser la causa.
- Un entorno de alojamiento lento o de bajo rendimiento podría aumentar la cantidad de tiempo que le toma a su jQuery funcionar cuando es llamado. Vuelva a verificar los recursos de su servidor o el registro de errores para confirmar esto.
- El JavaScript en su sitio web se ejecuta antes de que jQuery esté completamente cargado. O quizás un archivo JavaScript no se está cargando correctamente cuando se carga la página.
- La CDN que está utilizando para mejorar el rendimiento de su sitio no pudo llegar a su servidor. Si no está utilizando una CDN en absoluto, puede descartar esta posibilidad por completo.
- Hay un error o un error tipográfico en su versión de jQuery. Quizás alguien editó recientemente un archivo central o un complemento, lo que ahora ha causado un conflicto.
Cómo corregir el error «jQuery no está definido»
Antes de sumergirnos en la solución, recuerde hacer una copia de seguridad de su sitio web antes de editar el código. Incluso los desarrolladores más experimentados cometen errores de vez en cuando, y tener una copia de seguridad a mano evitará que pierda cualquier trabajo importante mientras soluciona el problema.
Si tiene la opción, primero resuelva el error en un sitio de prueba o desarrollo, como lo hacen los clientes de Kinsta, luego confirme la solución y envíe esos cambios en vivo.
Una vez que haya tomado las precauciones necesarias, es hora de corregir ese error.
La resolución de este error requiere cierta familiaridad con la adición, eliminación y edición de código. No se preocupe, no necesitará escribir ningún código desde cero. Pero ayudaría si estuviera preparado para acceder al código de su sitio, ya sea a través de SFTP o de su entorno de alojamiento.
No es ideal para editar código a través del editor de código del panel de WordPress. Si aún no tiene un buen editor de texto a mano, ahora es el momento de instalar uno.
Aquí hay algunas opciones que puede utilizar para resolver este error y hacer que su sitio vuelva a estar disponible para los visitantes.
Método 1: use la pestaña Red para depurar si jQuery se está cargando
Mira el La red pestaña de las herramientas de desarrollo de su navegador para ver si se está cargando jQuery. Esto le brinda un lugar para encontrar una validación rápida.
La alternativa es buscar múltiples complementos y temas que podrían estar causando el error. Revise el código de su sitio y asegúrese de que jQuery esté incluido. Sería mejor si solo lo cargara una vez.
Si la biblioteca jQuery no está incluida, agréguela a su wp_enqueue_script() función con el siguiente fragmento:
wp_enqueue_script( 'tt-mobile-menu', get_template_directory_uri() .
'/js/mobile-menu.js', array('jQuery'), '1.0', true );
Busque este código yendo a la wp-incluye carpeta, luego abra la script-loader.php expediente. Si esto no funciona, o si encuentra que la biblioteca jQuery, de hecho, ya está incluida, continúe con el siguiente método.
Cómo se verá su fragmento en el archivo script-loader.php.
Método 2: asegúrese de que jQuery esté cargado
Puede experimentar el «error jQuery no está definido» cuando jQuery está incluido pero no cargado. Asegúrese de que esté cargado buscando la fuente de la secuencia de comandos y pegando la URL en un nuevo navegador o pestaña.
Por ejemplo, si el <script src= se establece en esto:
El fragmento de texto que debe buscar para encontrar la URL para probar.
Luego, copie y pegue el http://code.jquery.com/jquery-1.11.2.min.js parte en una nueva ventana o pestaña. Si el archivo jQuery se carga y muestra todo el contenido, puede marcarlo en su lista.
Método 3: incluir jQuery alojado en Google con un respaldo local
Esta es una gran opción para incluirla con su JavaScript porque ejecutar jQuery en el host local puede mejorar la experiencia de su sitio web en general. Ayudará a evitar cualquier otro problema de carga de CDN jQuery.
// Fall back to a local copy of jQuery
window.jQuery || document.write(''))
Así es como debería verse su fragmento de código en su editor de código. ¡No olvide la nota!
Método 4: agregar un fragmento al archivo wp-config.php
Si nada de lo anterior funciona, abra el wp-config.php archivar y pegar el siguiente fragmento en su totalidad:
/** Absolute path to the WordPress directory. */
if ( !defined('ABSPATH') )
define('ABSPATH', dirname(__FILE__) . '/');
define('CONCATENATE_SCRIPTS', false);
Cómo se verá el fragmento en su archivo wp-config.php.
Método 5: Inserte la biblioteca jQuery manualmente
Como último método, puede ir directamente al header.php archivo y agregue la biblioteca jQuery.
Así es cómo:
- Primero, vaya a Google Hosted Libraries y copie la última versión de la biblioteca jQuery en su totalidad.
- Abre tu header.php archivo, que se encuentra en la carpeta de temas.
- Agregue la biblioteca jQuery desde el paso uno. Asegúrese de que entre justo después de la etiqueta de la cabeza.
- Guarde el archivo cuando haya terminado.
Cómo se verá el fragmento en su archivo wp-config.php.
Resumen
¡Y ahí lo tienes! Después de seguir estos pasos, debería poder resolver el error «jQuery no está definido» y acceder a su sitio.
Dado que este problema generalmente se debe a la incapacidad del navegador para conectarse con su biblioteca jQuery, hay una cantidad limitada de soluciones que puede probar. La mayoría de las personas tienen éxito con cualquiera de las opciones anteriores.
Si ninguno de los pasos anteriores ha resuelto el error por algún motivo, es una buena idea ponerse en contacto con su empresa de alojamiento para obtener asistencia.
¿Ha encontrado este error antes? ¿Cómo lo resolviste? ¡Infórmenos en la sección para comentarios!
Ahorre tiempo, costos y maximice el rendimiento del sitio con:
- Ayuda instantánea de expertos en alojamiento de WordPress, 24 horas al día, 7 días a la semana.
- Integración de Cloudflare Enterprise.
- Alcance de audiencia global con 28 centros de datos en todo el mundo.
- Optimización con nuestro monitoreo de rendimiento de aplicaciones integrado.
Todo eso y mucho más, en un plan sin contratos a largo plazo, migraciones asistidas y una garantía de devolución de dinero de 30 días. Consulte nuestros planes o hable con ventas para encontrar el plan adecuado para usted.
