¿Cómo uso jQuery de WP?

4

Estoy tratando de aprender el desarrollo del tema WP. Y acabo de enterarme de que WP ya tiene una versión jQuery incluida. Hasta ahora he estado usando el jQuery de CDN de Google.

Así que acabo de eliminar el enlace CDN de mi código. Y, por supuesto, todo mi código jQuery dejó de funcionar.

Así que supongo que me estoy perdiendo algo. ¿Qué debo hacer si quiero usar jQuery local de WordPress?

Cuando busco SE QA y Google, todo lo que puedo encontrar es cómo cancelar el registro de la versión jQuery local y luego registrar CDN. Pero eso no es lo que quiero hacer. Quiero usar el jQuery local.

Entonces, ¿qué me estoy perdiendo?

    
pregunta Alex 02.09.2015 - 17:16

2 respuestas

4

jQuery de WP no se asigna a $ como es de esperar, se carga en el modo noConflict , por lo que deberá usar jQuery() en lugar de $() , a menos que lo asigne usted mismo.

Cuando incluyas tu archivo js, querrás asegurarte de establecer jQuery como una dependencia también:

wp_enqueue_script( 'your-script-handle', get_stylesheet_directory_uri() . '/js/your-script.js', array( 'jquery' ), '1.0.0' );
    
respondido por el totels 02.09.2015 - 17:40
1

Para poner en cola jQuery de la instalación de WP, puede:

function custom_enqueue_scripts() {
    // Jquery enqueue
    wp_enqueue_script('jquery');
}

add_action('wp_enqueue_scripts', 'custom_enqueue_scripts');

Además, con este truco puedes poner jQuery en pie de página ( wp_footer )

function custom_enqueue_scripts() {
    // Jquery - to the footer of template
    wp_deregister_script('jquery');
    wp_register_script('jquery', includes_url('/js/jquery/jquery.js'), false, NULL, true);
    wp_enqueue_script('jquery');
}

add_action('wp_enqueue_scripts', 'custom_enqueue_scripts');

ACTUALIZAR

Expandiendo la respuesta.

Usando wp_register_script puede registrar sus scripts personalizados. Después, pueden ser wp_enqueue_script por el $handler .

Generalmente otorga un beneficio de reducción de longitud de código [Respuesta relacionada] , pero me gustaría enfatizar su atención en los scripts pre-registrados de WordPress (local en su significado).

Visite esta página del Codex [Manijas y sus rutas de script registradas por WordPress] . Allí encontrará un $handler 's para jQuery UI y otras cosas útiles, que puede poner en cola como en el ejemplo anterior.

    
respondido por el Ignat B. 02.09.2015 - 17:31

Lea otras preguntas en las etiquetas