在页脚中调用jQuery函数或在wordpress中加入函数是否更容易接受？

Question

Massive hat tip to the community, here, you folks are my go-to most days!

I think my topic says it all, really, with relation to jQuery in WordPress - I've been thinking a lot lately that placing jQuery commands in functions.php would make the effects happen sooner rather than in placing them in footer.php which would be a good thing, I think. Can anyone see any flaws with this approach?

-Jc

Answer 1

This question is primarily opinion based. However, the proper way to include JavaScript files in WordPress is to properly "enqueue" them using the wp_enqueue_script() function, from the 'wp_enqueue_scripts' action hook.

To speed up page load, many people prefer to enqueue scripts in the footer, using the 4th and final parameter of wp_enqueue_script() .

Doing the following will ensure that your script is properly enqueued, that it's dependencies have been satisfied, and that it's in the footer (added via wp_footer() ):

/**
 * Proper way to enqueue a script with a jQuery dependency, in the footer
 */
function theme_name_scripts() {
    wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array('jquery'), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

For more reasons about why you should use this function instead of hard-coding them into the footer of your theme, check out this post on WPSE .