COMO USAR JQUERY $ EN WORDPRESS
Una de los problemas cuando empezamos a convertir nuestra web desarrollada en html a una web adminstrable en wordpress es que el simbolo $ que tanto amamos y usamos en jquery, en wordpress simplemente no funciona, y si eso no funciona, nada funciona. Y ahora?
Primero debemos saber que cuando cargamos jquery en wordpress este se carga en «Modo Seguro», es decir no reconoce el $(‘#midiv’) para evitar entrar en conflictos con otras librerías, pero como nosotros queremos o mas bien necesitamos usar $() para no reescribir todo el código. Y entonces?
Lo primero es usar el functions.php cargar el jquery correctamente, es decir no usar un cdn, ni llamando el archivo en scrip jquery-3.3.1.min.js en el head, sino usar el simple y confiable
wp_enqueue_script("jquery");
Y luego, si estamos cargando nuestros scripts de jquery en el footer de nuestra web, que es lo mas recomendable el código seria:
(function($) {
// Ahora ya podemos usar $ pero esto solo funcionara
// dentro de function($)
// la siguiente linea es una prueba
$('#midiv').html("Soy un texto generado por jQuery!
");
})( jQuery );
Pero por si tenemos que cargar nuestros scripts en el header por algún motivo, la función a utilizar seria :
jQuery(document).ready(function( $ ) {
// Ahora ya podemos usar $ pero esto solo funcionara
// dentro de function($)
// la siguiente linea es una prueba
$('#midiv').html("Soy un texto generado por jQuery!
");
});
Y básicamente esa seria la solución a todos nuestros problema con jquery, como siempre solo tienen que copiar y pegar el código para que todo funcione. «Y no olviden supervitaminarse y mineralizarse!»