바닥 글에 핵심 jQuery를 큐에 넣습니까?

내 functions.php파일에 이것을 가지고 있으며 바닥 글에 jQuery를로드 할 수 없습니다. 그러나 includes파일은 바닥 글에 잘로드됩니다. 다른 무엇을해야합니까?

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' );

그러기 위해서는 먼저 jQuery 스크립트를 등록 해제 한 다음 다시 등록해야합니다. jQuery를 WordPress와 함께 사용하면 다음 기능을 찾고 있습니다.

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에 대해이 코드를 수정하겠습니다.

등록을 해제하고 다시 등록하지 않아도되는 다른 옵션은 다음과 같습니다.

/**
 * Move jQuery to the footer. 
 */
function wpse_173601_enqueue_scripts() {
    wp_scripts()->add_data( 'jquery', 'group', 1 );
    wp_scripts()->add_data( 'jquery-core', 'group', 1 );
    wp_scripts()->add_data( 'jquery-migrate', 'group', 1 );
}
add_action( 'wp_enqueue_scripts', 'wpse_173601_enqueue_scripts' );

이 솔루션 은 을 설정하여 WordPress 핵심 을 모방 합니다 .group11

더 나은 해결책 :

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 );
}

허용되는 답변보다 나은 이유

1. 다른 것들이 이미 엉망이 된 후기 단계가 아닌 핵심에서 변경합니다.
2. 제자리에 유지되고 제거되지 않은 버전 문자열!
3. 스크립트를 등록 취소하고 다시 등록하지는 않지만 스크립트를 등록 할 때와 본질적으로 동일한 그룹 값만 설정합니다 $footer = true.

관리자에게이 작업을 수행하지 않음

플러그인이 wp_head에 인라인 jquery를 추가하면 해당 시점에서 jquery가로드되지 않으면 실패하므로 사이트를 수백만 번 편집하여 관리자의 성능을 최적화하려고 할 때까지 피하는 것이 좋습니다. 이는 프론트 엔드에서도 마찬가지이므로 인라인 jQuery 코드를 사용하여 헤드에서 jQuery를 가정하는 잘못된 코드 테마 또는 플러그인을 조심해야합니다. WP와 플러그인은 jquery를 사용하여 다른 스크립트를 관리자 헤드에 등록하므로 어쨌든 작동하지 않습니다.

작동하지 않습니다

의존성에 jQuery가있는 헤드에 다른 스크립트가로드되면 jQuery가 헤드 바로 앞에로드됩니다. 그리고 이것은 wp_enqueue 시스템이 존재하는 이유가 좋고 좋습니다. 즉, 플러그인 중 하나를 사용하면 jquery가 머리에 필요하다는 플러그인을 곧 배울 수 있습니다. 슬프게도 대기열에 넣은 스크립트의 기본값입니다.

과격한 해결책

jquery를 가정하는 인라인 JS를 제동 할 것이라고 생각하지만 드 물어야합니다. 이렇게하면 대기열에 들어가는 방법에 관계없이 모든 스크립트 를 바닥 글로 강제 합니다 .

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 );
}

이 특정 문제에 대한 플러그인을 개발했습니다. 이 플러그인은 프론트 엔드에만로드되므로 WordPress jQuery와 혼동되지 않습니다. 참조 : WordPress 용 jQuery 관리자

왜 또 다른 jQuery 업데이터 / 관리자 / 개발자 / 디버깅 도구?

개발자 도구 중 어느 것도 특정 버전의 jQuery 및 / 또는 jQuery Migrate를 선택할 수 없기 때문입니다. 압축 축소 / 제작 및 비 압축 / 개발 버전을 모두 제공합니다. 아래 기능을 참조하십시오!

✅ 프런트 엔드에서만 실행되며 WordPress 관리자 / 백엔드 및 WP 사용자 정의 프로그램을 방해하지 않습니다 (호환성 이유로 https://core.trac.wordpress.org/ticket/45130 및 https : // core 참조). trac.wordpress.org/ticket/37110

✅ jQuery 및 / 또는 jQuery Migrate 켜기 / 끄기

✅ 특정 버전 의 jQuery 및 / 또는 jQuery Migrate 활성화

그리고 훨씬 더! 코드는 오픈 소스이므로 학습하고 배우고 기여할 수 있습니다.

거의 모든 사람이 잘못된 핸들을 사용합니다

WordPress는 실제로 jquery가 아닌 jquery-core 핸들을 사용합니다.

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와 코어 와 JQuery와 - 마이그레이션

별칭에 대한 자세한 정보를 참조하십시오 : wp_register_script 여러 식별자를?

올바른 방법

아래 예에서 https://code.jquery.com 의 공식 jQuery CDN을 사용하고 일부 CDN 속성을 추가 할 수 있도록 script_loader_tag 도 사용 합니다.
다음 코드를 사용할 수 있습니다.

// 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 /wordpress/283828/wp-register-script-multiple-identifiers
         * We first register the script and afther that we enqueue it, see why:
         * /wordpress/82490/when-should-i-use-wp-register-script-with-wp-enqueue-script-vs-just-wp-enque
         * /programming/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 );

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 );
}

이처럼 코드 만 변경하십시오

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);

그런 다음 바닥 글에 스크립트를 추가합니다