Usar ‘$’ en lugar de ‘jQuery’ en WordPress

jqueryComo todo buen desarrollador de WordPress sabe, la forma correcta de cargar jQuery en WordPress no es llamando a las Google Hosted Libraries. Y no, tampoco es descargando jQuery y declarando el script en <head></head>. No, la forma correcta es llamándolo con wp_enqueue_script.

wp_enqueue_script("jquery");

Con esto en una función asociada mediante add_action a la acción “wp_enqueue_script“, jQuery ya está cargado en el sistema.

Sin embargo, está cargado en modo “seguro“. ¿Qué significa esto? Si has programado antes con jQuery, seguro que has usado mucho el símbolo del dólar ($). Este símbolo sustituye a la palabra “jQuery”, haciendo que los scripts sean más cortos y ligeros en cuanto a peso. Al estar en modo seguro, WordPress no reconoce el símbolo $ como algo referente a jQuery, de forma que no entra en conflicto con otras librerías que también usan el dólar.

Entonces, ¿No podemos usar el dólar? Sí y no. Siempre bajo vuestra cuenta y riesgo, podemos volver a activar el dolar como sustitutivo de la palabra jQuery. Esto se consigue encapsulando nuestro código javascript dentro de una función, que variará en función de si nuestro código se carga en el header o en el footer.

Si nuestro código se carga en el footer, podemos hacer esto:

(function($) {

	// Ahora puedes usar $. Puedes comprobarlo usando la siguiente línea:
	// console.log($);
        // Recuerda que solo puedes usar $ DENTRO de esta función.

})( jQuery );

Si es absolutamente necesario que tu código esté en el header, entonces deberás usar este otro encapsulamiento:

jQuery(document).ready(function( $ ) {

	// Ahora puedes usar $. Puedes comprobarlo usando la siguiente línea:
	// console.log($);
        // Recuerda que solo puedes usar $ DENTRO de esta función.

});

Y ya está. Así de simple. Primero cargas jQuery con wp_enqueue_script, y luego, tu código lo encapsulas con una de estas dos funciones. Ya puedes volver a usar el dólar para hacer más ligero y fácil de escribir tu código.

“Los buenos programadores usan sus cerebros, pero unas
buenas directrices nos ahorran de tener que hacerlo en cada caso”

.- Francis Glassborow

 

Si quieres leer este artículo en inglés puedes hacerlo aquí:

 

 

 

¿Te ha gustado el artículo?
1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (1 votos, promedio: 4,00 sobre 5)
Loading...
Artículo escrito por

¡Exprésate! Dejanos tu comentario

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

3 Comentarios

Héctor Pinargote

¡Excelente! Muchas gracias, me ha sido de gran ayuda

Anaïs

GRACIAS! Me estaba empezando a volver loca y no había caído en algo tan simple como eso.

Fernando

Es muy bueno tu post pero me puedes ayudar con este problema. tengo un sitio en HTML básico, donde muestro un mapa de google por medio de jquery. Lo quiero implementar en un sitio de Wordpress pero ni siquiera me carga el mapa (por ende ninguna de las demás funciones). sabes como hacerlo? Saludos