如何在页脚中加载 WordPress 提供的 jQuery？

Question

在wp_enqueue_script 中将$in_footer 参数设置为true 会在页脚中加载一个脚本。如果我要添加一个新脚本，那就太好了。但是，WordPress 已经默认提供了一个 jQuery 版本，并且它被排在了文档头中。

如何将 WordPress 提供的 jQuery 从页眉移动到页脚？

Answer 1

您需要注销现有查询并重新注册以加载到页脚中。

function jquery_in_footer() {
    if (!is_admin()) {
        wp_deregister_script('jquery');

        // load the local copy of jQuery in the footer
        wp_register_script('jquery', home_url(trailingslashit(WPINC) . 'js/jquery/jquery.js'), false, null, true);


        wp_enqueue_script('jquery');
    }
}
add_action('init', 'jquery_in_footer');

请记住，如果您有任何其他依赖于 jQuery 且未加载到页脚中的脚本，WordPress 仍会在页眉中加载 jQuery 以满足该依赖关系。

（改编自http://www.ericmmartin.com/5-tips-for-using-jquery-with-wordpress/）

编辑：如果你真的想发疯，你可以直接修改 WP_Scripts 对象，但是你依赖于永远不会改变的实现。我想在他们考虑将 jquery.js 的位置移到 wp-includes 之前，这种情况会发生变化：)

但只是为了好玩……

function load_jquery_footer() {
    global $wp_scripts;
    $wp_scripts->in_footer[] = 'jquery';
}
add_action('wp_print_scripts', 'load_jquery_footer');

Answer 2

也许defer 属性会有所帮助。关于这个话题有一个很好的article。 我使用以下代码方便地非阻塞加载任何脚本，而不仅仅是 jQuery。

// Defer scripts.
function dt_add_defer_attribute( $tag, $handle ) {
    $handles = array(
        'jquery-core',
        'jquery-migrate',
        'fancybox',
    );
    foreach( $handles as $defer_script) {
        if ( $defer_script === $handle ) {
            return str_replace( ' src', ' defer src', $tag ); // Or ' async src'
        }
    }
    return $tag;
}
add_filter( 'script_loader_tag', 'dt_add_defer_attribute', 10, 2 );