Integrar JavaScript en plantilla

[quico5]

Estoy combinando materializecss sobre underscores para crear un tema de wordpress y tengo una llamada posiblemente errónea de materializecss

Código:

jQuery(document).ready(function($){
	$(document).materialize(); ### LINEA ERROR ###
});

En este enlace esta el archivo JS:
https://cdnjs.cloudflare.com/ajax/li...rialize.min.js

Luego tendría que añadir lo siguiente y no tengo muy claro como hacerlo

Código:

jQuery( document ).ready(function(){
  $(".button-collapse").sideNav(); ### Igual copiando esta linea bajo la linea del error sea suficiente ###
})

Parte de mi functions.php

Código PHP:

 /**
 * Enqueue scripts and styles.
 */
function materializecss_scripts() {
    wp_enqueue_style('materializecss-style',get_stylesheet_uri());
    wp_enqueue_style('materialize',get_stylesheet_directory_uri().'/css/materialize.css');
    wp_enqueue_style('materialize-icons',get_stylesheet_directory_uri().'/css/materialize-icons.css');
    wp_enqueue_script('materialize-js',get_template_directory_uri().'/js/materialize.css',['jquery'],'5',true);

    wp_enqueue_script( 'materializecss-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20151215', true );

    wp_enqueue_script( 'materializecss-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20151215', true );

    if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
        wp_enqueue_script( 'comment-reply' );
    }
}
add_action( 'wp_enqueue_scripts', 'materializecss_scripts' );

/*Add MaterializeCSS footer */
function materializecss_footer() {
    ?>
    <script>
        jQuery(document).ready(function($){
            $(document).materialize();
        });
    </script>
<?php
}
add_filter('wp_footer','materializecss_footer');   

gracias

[siddartha23]

"wp_enqueue_script('materialize-js',get_template_directory_uri().'/js/materialize.css',['jquery'],'5',true);"

En la carpeta "js" no deberías tener un archivo con extensión .js ??

y en las dependencias manda un array('jquery')

[quico5]

Upss, buen ojo @siddartha23, gracias por el apunte

Ehmm, en JS estoy bastante verde... ¿y en las dependencias manda un array('jquery')?

[siddartha23]

Cuando mencioné lo de las dependencias me refería al tercer parámetro de la función wp_enqueue_script(), prueba reemplazandolo por un array

[quico5]

OK, ya lo cambié, pero sigue el error

Código:

wp_enqueue_script('materialize-js',get_template_directory_uri().'/js/materialize.js',array('jquery'),'20130328',true)

[siddartha23]

En tu caso tienes que comprobar que el 'wp_enqueue_scripts' se esté ejecutando luego del filter que le haces al 'wp_footer' sino vas a estar llamando a la función de materialize cuando el archivo js aún ni se ha cargado.

Te convendría cargar un archivo_general.js y pasarle como dependencias array('jquery','materialize-js'','cualquier_otra_dependencia')

[quico5]

Yo me estaba basando en el video en WPMarbella (https://youtu.be/52E-Fq07UnY?t=1138) donde el ponente llamaba a FOUNDATION así:

He probado a hacerlo con Foundation como dice el ponente y el fallo ya no se reproduce, aunque mi intención es usar materializecss

Código PHP:

 /**
 * Enqueue scripts and styles.
 */
function materializecss_scripts() {
    wp_enqueue_style('materializecss-style',get_stylesheet_uri());
    
    #wp_enqueue_style('materialize',get_stylesheet_directory_uri().'/css/materialize.css');
    #wp_enqueue_style('materialize-icons',get_stylesheet_directory_uri().'/css/materialize-icons.css');
    #wp_enqueue_script('materialize-js',get_template_directory_uri().'/js/materialize.js',array('jquery'),'20130328',true);

    wp_enqueue_style('foundation',get_stylesheet_directory_uri().'/css/foundation.css');
    wp_enqueue_script('foundation-js',get_template_directory_uri().'/js/foundation.js',array('jquery'),'5',true);

    wp_enqueue_script( 'materializecss-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20151215', true );

    wp_enqueue_script( 'materializecss-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20151215', true );

    if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
        wp_enqueue_script( 'comment-reply' );
    }
}
add_action( 'wp_enqueue_scripts', 'materializecss_scripts' );

/*Add MaterializeCSS footer */
function materializecss_footer() {
    ?>
    <script>
        jQuery(document).ready(function($){
            $(document).foundation();
            //$(document).materialize();
            //$(".button-collapse").sideNav();
        });
    </script>
<?php
}
add_filter('wp_footer','materializecss_footer');   

entonces dentro de un materialize_custom.js ??

Código:

array('jquery','/ruta/materialize-js')