JavaScript personalizado no funciona en WordPress

JavaScript personalizado no funciona en WordPress

6 de mayo 2019

Si estamos desarrollando una página web con WordPress, es más que probable que queramos usar nuestro propio JavaScript, sobre todo cuando elaboramos un tema desde cero o un plugin. Para ello debemos organizar nuestros archivos dentro del directorio que corresponda y luego añadirlos a la cola de la manera habitual.

Hasta aquí todo correcto. Pero si hemos trasladado nuestro JavaScript tal cual, lo más probable es que no funcione y al examinar la consola de control, nos encontremos con el  error Uncaught TypeError: $ is not a function

Esto se debe a que WordPress trabaja con jQuery en modo no-conflict para evitar posibles problemas de compatibilidad, lo que hace que cuando usamos el alias $ para llamar a la librería lance ese error y no se ejecute el código.

Para evitarlo, debemos meter nuestro script en un contenedor que nos servirá para especificar que vamos a usar jQuery y por tanto el atajo $ estará disponible de nuevo. En el siguiente ejemplo cargamos el script después de terminar de cargarse la página.

Si en lugar de ejecutar después de la carga, quisiéramos hacerlo antes, podríamos usar este otro contenedor.

Publicado por Jesús Tovar

Categorías: JavaScript, Programación, WordPress

Etiquetas:

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio web utiliza cookies, si continúas navegando estás dando tu consentimiento. Consulta nuestra política de cookies y de privacidad.

ACEPTAR
Aviso de cookies