Core-jQuery in der Fußzeile einreihen?

Ich habe dies in meiner functions.phpDatei und kann jQuery nicht in die Fußzeile laden. Die includesDatei wird jedoch in die Fußzeile geladen. Was muss ich sonst noch tun?

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

Dazu müssen Sie zuerst Ihr jQuery-Skript abmelden und sich dann erneut registrieren. Wenn Sie jQuery verwenden, das mit WordPress geliefert wird, ist das Folgende die Funktion, nach der Sie suchen.

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

Wenn Sie eine von Google CDN gehostete Version von jQuery verwenden, teilen Sie mir mit, dass ich diesen Code für die Google CDN-URL ändern werde.

Hier ist eine weitere Option, mit der vermieden wird, dass Sie sich abmelden und erneut registrieren müssen:

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

Diese Lösung ahmt den WordPress-Kern nach, indem sie das groupto 1setzt. So bestimmt WordPress, ob sich ein Skript in der Fußzeile befinden soll oder nicht (mir ist der Grund dafür nicht bekannt 1, da @jgraup in den Kommentaren etwas willkürlich erscheint).

Eine bessere Lösung:

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

Warum ist es besser als die akzeptierte Antwort IMO

1. Ändert es im Kern, nicht zu einem späteren Zeitpunkt, wenn andere Dinge bereits damit zu tun hatten.
2. Die Versionszeichenfolge wurde beibehalten und nicht entfernt!
3. Die Registrierung eines Skripts wird nicht aufgehoben und erneut registriert, sondern es wird nur der Gruppenwert festgelegt, der im Wesentlichen dem Wert entspricht, bei dem das Skript registriert werden würde $footer = true.

Über dies nicht an den Administrator zu tun

Wenn Plugins Inline-JQuery zum wp_head hinzufügen, schlägt dies fehl, wenn JQuery zu diesem Zeitpunkt nicht geladen wird. Ich schlage daher vor, dies zu vermeiden, bis Millionen Ihre Website bearbeiten und Sie versuchen, die Leistung Ihres Administrators zu optimieren. Dies gilt auch für das Frontend. Achten Sie daher auf schlecht codierte Designs oder Plugins, die mithilfe von Inline-jQuery-Code eine Abfrage im Kopf voraussetzen. WP und Plugins registrieren andere Skripte im Admin-Kopf mit jquery in deps, so dass es meiner Meinung nach sowieso nicht funktionieren würde.

Darüber funktioniert nicht

Sie müssen sich darüber im Klaren sein, dass, wenn ein anderes Skript in den Kopf geladen wird, dessen Abhängigkeiten jQuery enthalten, jQuery auch direkt vor sich selbst in den Kopf geladen wird. Und das ist gut und zu erwarten, der Grund, warum das System wp_enqueue existiert. Dies bedeutet, dass Sie bald erfahren werden, wenn Sie einige Plugins verwenden, dass eines davon eine Abfrage des Heads erforderlich macht. Leider ist dies die Standardeinstellung für Skripte in der Warteschlange.

Radikale Lösung

Ich denke, es wird jede Inline-JS bremsen, die JQuery voraussetzt, aber sollte das selten sein. Dadurch werden alle Skripte in die Fußzeile verschoben, unabhängig davon, wie sie in die Warteschlange gestellt werden.

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

Ich habe ein Plugin für dieses spezielle Problem entwickelt. Dieses Plugin ist nicht mit WordPress jQuery verwirrend, da es nur im Frontend geladen wird. Siehe: jQuery Manager für WordPress

Warum noch ein jQuery Updater / Manager / Developer / Debugging-Tool?

Da Sie mit keinem der Entwicklertools eine bestimmte Version von jQuery und / oder jQuery Migrate auswählen können. Bereitstellung sowohl der komprimierten Minified / Production- als auch der unkomprimierten / Development-Version. Siehe Funktionen unten!

✅ Wird nur im Frontend ausgeführt und beeinträchtigt WordPress-Administrator / Backend und WP-Customizer nicht (aus Kompatibilitätsgründen). Siehe: https://core.trac.wordpress.org/ticket/45130 und https: // core. trac.wordpress.org/ticket/37110

✅ Schalten Sie jQuery und / oder jQuery Migrate ein / aus

✅ Aktivieren Sie eine bestimmte Version von jQuery und / oder jQuery Migrate

Und vieles mehr! Der Code ist Open Source, sodass Sie ihn studieren, daraus lernen und Beiträge leisten können.

Fast jeder benutzt den falschen Griff

WordPress verwendet tatsächlich das JQuery-Core-Handle, nicht 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' );

Das jquery- Handle ist nur ein Alias ​​zum Laden von jquery-core mit jquery-migrate

. Weitere Informationen zu Aliasen: wp_register_script Mehrere Bezeichner?

Der richtige Weg, es zu tun

In meinem Beispiel unten verwende ich das offizielle jQuery-CDN unter https://code.jquery.com. Ich verwende auch script_loader_tag, damit ich einige CDN-Attribute hinzufügen kann.
Sie könnten den folgenden Code verwenden:

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

Hey, ändere nur deinen Code, damit er dir gefällt

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

Ich denke, es funktioniert gut

füge diese Zeilen in deine functions.php Datei ein

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

Dann wird das Skript in die Fußzeile eingefügt