¿Cómo hago que el script cargue después de jQuery?

Question

¿Cómo hago que el script cargue después de jQuery?

10 abr 2012, 20:22:02

Vistas: 44.4K

Votos: 14

function load_my_script(){
    // Registrar el script con jQuery como dependencia
    wp_register_script( 'my_script', get_template_directory_uri() . '/js/myscript.js', array('jquery') );
    // Cargar el script
    wp_enqueue_script( 'my_script' );
}
add_action('wp_enqueue_scripts', 'load_my_script');

myscript.js está cargando antes que jquery, ¿por qué? Y ¿cómo hago que cargue DESPUÉS de jquery?

Gracias.

Dave

810

jquery wp enqueue script

Todas las respuestas a la pregunta

Comentarios

... ¿es necesario 'jquery' en wp_enqueue_script?

Dave

10 abr 2012 20:41:16

En la función wp_register_script, sí. Le indica a WordPress que jQuery es necesario para que este script funcione, por lo que se cargará en consecuencia. En wp_enqueue_script no es necesario, porque WP ya conoce las dependencias desde antes.

swissspidy

10 abr 2012 20:56:01

Exactamente. Lo siento, olvidé eliminar jQuery de la llamada wp_enqueue_script(). No es necesario ahí.

EAMann

10 abr 2012 20:59:44

Comentarios

Cierto, pero la pregunta es sobre dependencias de scripts, ¿no?

Rup

18 mar 2021 15:20:49

Sí. Pero si alguien está usando un Tema Hijo, ninguna de estas respuestas funcionará. Así que esto ayuda.

aarontgrogg

19 mar 2021 16:37:14

EAMann 32.2K · Answer 1 · 2012-04-10T20:26:49Z

Tienes un error tipográfico en tu código. Debería ser:

function load_my_script(){
    wp_register_script( 
        'my_script', 
        get_template_directory_uri() . '/js/myscript.js', 
        array( 'jquery' )
    );
    wp_enqueue_script( 'my_script' );
}
add_action('wp_enqueue_scripts', 'load_my_script');

La dependencia de jQuery debe ser un array(), no solo una cadena. Esto forzará a que tu script se cargue después de jQuery.

EAMann

32.2K

10 abr 2012 20:26:49

aarontgrogg 11 · Answer 2 · 2021-03-18T09:06:17Z

get_template_directory_uri() te da el directorio del tema, pero esto no es lo que necesitas si estás usando un Tema Hijo.

get_stylesheet_directory_uri() te dará el directorio de tu "tema actual", por lo que en cualquier caso, es más seguro usarlo.

aarontgrogg

11

18 mar 2021 09:06:17