将核心jQuery放在页脚中？

function starter_scripts() {
    wp_enqueue_style( 'starter-style', get_stylesheet_uri() );

    wp_enqueue_script( 'jquery', '', '', '', true );

    wp_enqueue_script( 'includes', get_template_directory_uri() . '/js/min/includes.min.js', '', '', true );
}
add_action( 'wp_enqueue_scripts', 'starter_scripts' );

#1 楼

为此，您首先必须注销您的jQuery脚本，然后再次注册。
如果您使用WordPress附带的jQuery，那么您正在寻找以下功能。

function starter_scripts() {
    wp_deregister_script( 'jquery' );
    wp_register_script( 'jquery', includes_url( '/js/jquery/jquery.js' ), false, NULL, true );
    wp_enqueue_script( 'jquery' );

    wp_enqueue_style( 'starter-style', get_stylesheet_uri() );
    wp_enqueue_script( 'includes', get_template_directory_uri() . '/js/min/includes.min.js', '', '', true );
}
add_action( 'wp_enqueue_scripts', 'starter_scripts' );

如果您使用的是Google CDN托管版本的jQuery，请告诉我，我将为Google CDN URL修改此代码。

#2 楼

这是另一种避免注销和重新注册的选项：脚本是否应该位于页脚（我不知道group的原因，正如@jgraup在评论中指出的那样，似乎有些武断）。

#3 楼

更好的解决方案：

add_action( 'wp_default_scripts', 'move_jquery_into_footer' );

function move_jquery_into_footer( $wp_scripts ) {

    if( is_admin() ) {
        return;
    }

    $wp_scripts->add_data( 'jquery', 'group', 1 );
    $wp_scripts->add_data( 'jquery-core', 'group', 1 );
    $wp_scripts->add_data( 'jquery-migrate', 'group', 1 );
}

为什么比IMO可接受的答案更好？


从根本上更改它而不是稍后会出现其他问题。
它的版本字符串会保留在原处，不会被删除！
它不会取消注册和重新注册脚本，而只是设置组值，该组值基本上与使用$footer = true注册该脚本相同。

关于不对管理员执行此操作

如果插件将内联jquery添加到wp_head，则在此时未加载jquery时将失败，因此，我建议您避免这种情况，除非您有数百万人编辑您的站点，然后尝试性能优化管理员。前端也是如此，因此您应该通过使用内联jQuery代码来注意那些错误的编码主题或插件，而这些主题或插件会在头上采用jquery。 WP和插件将其他脚本通过deps中的jquery注册到管理员头，因此无论如何我都认为它不起作用。

关于它不起作用

您需要知道任何其他脚本都将被加载到具有jQuery依赖项的头部，这也将使jQuery紧随其本身而被加载到头部。这是好的，也是可以预期的，这是wp_enqueue系统存在的原因。这意味着如果您使用一些插件，那么其中的一个将需要引起jquery的关注，您将很快学习。遗憾的是，它是已排队脚本的默认设置。这将强制所有脚本进入页脚，无论它们如何排队。

add_action( 'wp_enqueue_scripts', 'js_to_footer' );

function js_to_footer() {
  remove_action( 'wp_head', 'wp_print_scripts' );
  remove_action( 'wp_head', 'wp_print_head_scripts', 9 );
  remove_action( 'wp_head', 'wp_enqueue_scripts', 1 );
}

#4 楼

我已经针对此特定问题开发了一个插件。该插件不会加载WordPress jQuery，因为它仅加载在前端。请参阅：适用于WordPress的jQuery Manager


为什么还要使用另一个jQuery Updater / Manager / Developer / Debugging工具？

因为没有开发人员工具允许您选择特定的
版本的jQuery和/或jQuery Migrate。提供压缩的最小化/生产版本和未压缩的/开发版本。

✅仅在前端执行，不会干扰WordPress
admin / backend和WP customr（出于兼容性原因）请参见：
https： //core.trac.wordpress.org/ticket/45130和
https://core.trac.wordpress.org/ticket/37110

✅打开/关闭jQuery和/或jQuery Migrate

✅激活特定版本的jQuery和/或jQuery Migrate

还有更多！该代码是开源的，因此您可以研究它，学习它并做出贡献。 />
WordPress实际上使用的是jquery-core句柄，而不是jquery：


https://github.com/WordPress/WordPress/blob/f84ab5e19f0038a3abec71821c9b8f47a4272942/wp-includes/ script-loader.php＃L1017

// jQuery
$scripts->add( 'jquery', false, array( 'jquery-core', 'jquery-migrate' ), '1.12.4-wp' );
$scripts->add( 'jquery-core', '/wp-includes/js/jquery/jquery.js', array(), '1.12.4-wp' );
$scripts->add( 'jquery-migrate', "/wp-includes/js/jquery/jquery-migrate$suffix.js", array(), '1.4.1' );

jQuery句柄只是使用jquery-migrate加载jquery-core的别名查看更多有关别名的信息：wp_register_script多个标识符？ br />

正确的方法

在下面的示例中，我使用https://code.jquery.com上的官方jQuery CDN，也使用script_loader_tag，因此我可以添加一些CDN属性。
您可以使用以下代码：

// Front-end not excuted in the wp admin and the wp customizer (for compatibility reasons)
// See: https://core.trac.wordpress.org/ticket/45130 and https://core.trac.wordpress.org/ticket/37110
function wp_jquery_manager_plugin_front_end_scripts() {
    $wp_admin = is_admin();
    $wp_customizer = is_customize_preview();

    // jQuery
    if ( $wp_admin || $wp_customizer ) {
        // echo 'We are in the WP Admin or in the WP Customizer';
        return;
    }
    else {
        // Deregister WP core jQuery, see https://github.com/Remzi1993/wp-jquery-manager/issues/2 and https://github.com/WordPress/WordPress/blob/91da29d9afaa664eb84e1261ebb916b18a362aa9/wp-includes/script-loader.php#L226
        wp_deregister_script( 'jquery' ); // the jquery handle is just an alias to load jquery-core with jquery-migrate
        // Deregister WP jQuery
        wp_deregister_script( 'jquery-core' );
        // Deregister WP jQuery Migrate
        wp_deregister_script( 'jquery-migrate' );

        // Register jQuery in the head
        wp_register_script( 'jquery-core', 'https://code.jquery.com/jquery-3.3.1.min.js', array(), null, false );

        /**
         * Register jquery using jquery-core as a dependency, so other scripts could use the jquery handle
         * see https://wordpress.stackexchange.com/questions/283828/wp-register-script-multiple-identifiers
         * We first register the script and afther that we enqueue it, see why:
         * https://wordpress.stackexchange.com/questions/82490/when-should-i-use-wp-register-script-with-wp-enqueue-script-vs-just-wp-enque
         * https://stackoverflow.com/questions/39653993/what-is-diffrence-between-wp-enqueue-script-and-wp-register-script
         */
        wp_register_script( 'jquery', false, array( 'jquery-core' ), null, false );
        wp_enqueue_script( 'jquery' );
    }
}
add_action( 'wp_enqueue_scripts', 'wp_jquery_manager_plugin_front_end_scripts' );


function add_jquery_attributes( $tag, $handle ) {
    if ( 'jquery-core' === $handle ) {
        return str_replace( "type='text/javascript'", "type='text/javascript' integrity='sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=' crossorigin='anonymous'", $tag );
    }
    return $tag;
}
add_filter( 'script_loader_tag', 'add_jquery_attributes', 10, 2 );

#5 楼

add_action("wp_enqueue_scripts", "myscripts");

function myscripts() { 
   wp_enqueue_script( 'jquery' , '', array(), true); //true for footer
   wp_enqueue_script( 'someScript-js', 'https://domain.com/someScript.js' , '', '', true );
}

#6 楼

嘿，只将代码更改为这样

function starter_scripts() {
        wp_enqueue_style( 'starter-style', get_stylesheet_uri() );
        wp_enqueue_script('jquery');
        wp_enqueue_script( 'includes', get_template_directory_uri() . '/js/min/includes.min.js', array( 'jquery' ) );
    }
    add_action( 'wp_enqueue_scripts', 'starter_scripts' );

我认为它可以正常工作

将此行添加到您的functions.php文件中

remove_action('wp_head', 'wp_enqueue_scripts', 1);
add_action('wp_footer', 'wp_enqueue_scripts', 5);

，然后将脚本添加到页脚中