wp_enqueue_script() no funciona en absoluto

Question

wp_enqueue_script() no funciona en absoluto

23 dic 2014, 22:16:36

Vistas: 70.2K

Votos: 9

Estoy intentando encolar archivos JavaScript usando wp_enqueue_script(), pero no funciona en absoluto. Aquí está mi código:

function load_css_js() {
    wp_enqueue_style('gdgt-base', get_template_directory_uri() . '/css/gdgt-base.css');
    wp_enqueue_style('gdgt-icon', get_template_directory_uri() . '/icons/css/gdgt.css', true);
    wp_register_script('gdgt-base', get_template_directory_uri() . '/js/gdgt-base.js', array( 'jquery' ) , true);
    wp_enqueue_script('gdgt-base');
}

add_action('wp_enqueue_scripts', 'load_css_js');

Sin embargo, cuando desregistro el JavaScript predeterminado de WP y registro jQuery desde otro lugar, funciona. ¿Qué puede estar causando este problema? ¡Gracias por la ayuda!

DON TOLIVER

191

javascript wp enqueue script

Todas las respuestas a la pregunta

Comentarios

EDITADO: Parece que está cargando el archivo JS, pero el código en el archivo JS no funciona. (Funciona si desregistro el jQuery predeterminado). | Desafortunadamente, el código corregido no está funcionando :(

DON TOLIVER

23 dic 2014 22:37:57

Acabo de probarlo y funciona bien. Creo que en tu tema alguna otra función está sobrescribiendo la salida. Busca otras funciones wp_enqueue_scripts...

Robert hue

23 dic 2014 22:41:57

He editado el comentario. Por favor léelo :)

DON TOLIVER

23 dic 2014 22:42:50

Ese es un tema completamente diferente sobre por qué tu código en archivos JS no funciona. La principal razón por la que el código JS no funciona con el jQuery principal pero sí con el jQuery externo podría ser que el jQuery principal se ejecuta en modo noconflict. Y tu código JS no. Necesitarás modificar tu código JS para que sea compatible con jQuery noconflict.

Robert hue

23 dic 2014 22:46:13

La cuestión es que estoy cargando la última versión de jQuery desde http://code.jquery.com/jquery-latest.min.js y funciona. Entonces, ¿qué puede estar causando el conflicto?

DON TOLIVER

23 dic 2014 22:50:41

Mostrar los 7 comentarios restantes

Robert hue 8.56K · Answer 1 · 2014-12-23T22:30:39Z

wp_enqueue_style y wp_enqueue_script aceptan muchos parámetros y es muy importante usarlos en el orden correcto, de lo contrario estas funciones fallarán.

Aquí está el conjunto completo de parámetros para cada función.

wp_enqueue_style( $handle, $src, $deps, $ver, $media );
wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer );

En tu wp_enqueue_style defines $handle, $src correctamente pero $deps como true lo cual no es correcto. Lo mismo ocurre con wp_enqueue_script.

Así que aquí está tu función corregida.

function load_css_js() {
    wp_enqueue_style( 'gdgt-base', get_template_directory_uri() . '/css/gdgt-base.css', false, NULL, 'all' );
    wp_enqueue_style( 'gdgt-icon', get_template_directory_uri() . '/icons/css/gdgt.css', false, NULL, 'all' );

    wp_register_script( 'gdgt-base', get_template_directory_uri() . '/js/gdgt-base.js', array( 'jquery' ), NULL, false );
    wp_enqueue_script( 'gdgt-base' );
}

add_action( 'wp_enqueue_scripts', 'load_css_js' );

Para más información, lee la documentación de cada función en el codex.

Zeth 928 · Answer 2 · 2019-01-08T19:43:42Z

Para otros despistados como yo, pensé en contribuir aquí. :-)

Acabo de pasar una hora porque había escrito array( '' ) en lugar de array() en las dependencias.

Solo para que sepan, hay una diferencia entre:

wp_enqueue_script( 'footerScript', get_stylesheet_directory_uri() . '/assets/js/appFooter.js', array( '' ), false, true );

y

wp_enqueue_script( 'footerScript', get_stylesheet_directory_uri() . '/assets/js/appFooter.js', array(), false, true );

... El primero nunca se cargará. El segundo sí lo hará. :-)

La respuesta de @Robert_Hue me llevó a mi solución.

Zeth

928

8 ene 2019 19:43:42

EGWorldNP 29 · Answer 3 · 2019-01-08T22:21:03Z

Al registrar y encolar scripts, no necesitas llamar a wp_register_script() y wp_enqueue_script(). Solo llama a wp_enqueue_script().

La sintaxis básica de wp_enqueue_script es:

wp_enqueue_script( string $handle, string $src = '', array $deps = array(), string|bool|null $ver = false, bool $in_footer = false )

Según tu código, debería ser así:

function load_css_js() {
            wp_enqueue_style('gdgt-base-style', get_template_directory_uri() . '/css/gdgt-base.css');
            wp_enqueue_style('gdgt-icon', get_template_directory_uri() . '/icons/css/gdgt.css');
            wp_enqueue_script('gdgt-base-script', get_template_directory_uri() . '/js/gdgt-base.js', array( 'jquery' ) , '2019' true);
        }

add_action('wp_enqueue_scripts', 'load_css_js');

[visita]: https://developer.wordpress.org/reference/functions/wp_enqueue_script/
documentación para más información.