Como usar jQuery $ en WordPress - Diseño Web empresarial, profesional y posicionamiento web (SEO) en Lima
Creamos Marcas... Desarrollamos Webs... Hacemos Logotipos... Posicionamos tu Marca... Anunciamos en Google... Hacemos Social Media... Te hacemos descuentos... Creamos Efectos... Retocamos Fotos... Asesoramos Empresas... Facebook para Empresas... Hacemos Concursos... No gastas, Inviertes... Damos Resultados... Tiendas Virtuales... Trabajamos en equipo... Te ayudamos a crecer... Te escuchamos... Tu web en celulares... Ganamos Premios... Hacemos SEO y SEM... Facebook ADS... Te llamamos... Volamos Cometa...
Home   »  Noticias » Como usar jQuery $ en WordPress

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!”

  • 9 enero, 2019
  • admin