Wie verlinke ich externe jQuery / Javascript Dateien mit WordPress?

Also verwende ich Starkers, um mein nächstes WP-Thema zu erstellen, und habe ein kleines Problem, ich habe meine eigene Version von jQuery in die Datei header.php , aber als ich meine Seite mit Firebug untersuchte, bemerkte ich, dass Jquery heruntergeladen wurde Zweimal habe ich ein bisschen gegraben und bemerkt, dass ich nicht nur die Datei wp_head() sondern auch die wp_head() function.

Bei dem Versuch, das Problem zu beheben, bemerkte ich einen Kommentar in der Header-Datei, deren Ursprung aus dem Twenty-Ten-Thema stammte:

 /* Always have wp_head() just before the closing  * tag of your theme, or you will break many plugins, which * generally use this hook to add elements to , such * as styles, scripts, and meta tags */ 

Also hier ist mein Problem, ich habe den Eindruck, dass die jQuery-Datei vor jeder anderen Datei gesetzt werden muss und dass wp_head() die letzte Sache im -Element sein sollte, ich bin jetzt etwas verwirrt wie ich mich frage, sollte ich wp_head() an der Spitze, so dass die WP enthalten jQuery-Datei wird für alle meine Plugins verwendet werden, obwohl es sagt, nicht zu tun.

Ich habe die jQuery-Zeile in der function wp_head() aber sie ist für die Admin-Seite erforderlich, also musste ich sie zurückstellen.

Ich möchte auch (zumindest experimentell) die Verwendung der Google CDN-Version von jQuery verwenden, möchte sie jedoch nicht zweimal verwenden!

Ich hoffe, Sie verstehen, was ich versuche zu erklären, irgendwelche Vorschläge, wie ich dieses Problem lösen könnte, würden sehr geschätzt. Ich würde auch einen Hinweis darauf, wie Sie Ihre JavaScript-Dateien mit der Header-Datei behandeln.

Vielen Dank!

Solutions Collecting From Web of "Wie verlinke ich externe jQuery / Javascript Dateien mit WordPress?"

Aus dem Wortlaut Ihrer Frage müssen Sie Skripte hinzufügen, indem Sie -Tags in Ihre Vorlage schreiben. Fügen Sie Ihre eigenen Skripte über wp_enqueue_script() in der functions.php Ihrer Vorlage hinzu, um Abhängigkeiten von jQuery entsprechend zu setzen, und wp_head() fügt die Skripte für Sie hinzu.

 function my_scripts() { wp_enqueue_script( 'my-sweet-script', get_bloginfo('template_directory') . '/script.js', array('jquery') ); } add_action('template_redirect', 'my_scripts'); 

Weitere Informationen finden Sie auf der Codex-Seite .

Ich schlage vor, 5 Tipps zur Verwendung von jQuery mit WordPress zu betrachten . Unter anderem zeigt es den Code, der benötigt wird, um jQuery aus der Google-Bibliothek zu laden:

 function my_init() { if (!is_admin()) { // comment out the next two lines to load the local copy of jQuery wp_deregister_script('jquery'); wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js', false, '1.3.2'); wp_enqueue_script('jquery'); } } add_action('init', 'my_init'); 

Sie können auch das Google Bibliotheks- Plug-in verwenden.

Obwohl @tnorthcutt korrekt ist, sollten Sie WPs native jquery korrekt entfernen, wenn Sie Ihre eigenen laden möchten. Sie sind sicher, dass Probleme auftreten, wenn Sie eine andere jquery-Version dieses WP-cores laden. Sowohl Core als auch Plugins verlassen sich darauf, dass sie da sind. Wenn Sie also Ihr Theme nicht jedes Mal mit der neuesten JQuery aktualisieren, wenn WP aktualisiert wird, kann Ihre Site möglicherweise beschädigt werden.

Der folgende Code stellt sicher, dass Ihr Design immer die korrekte Version von jquery lädt, indem Sie zuerst nachsehen, welche Version von WP verwendet wird und diese dann von Google lädt:

 $wp_jquery_version = $GLOBALS['wp_scripts']->registered['jquery-core']->ver; $jquery_version = ( $wp_jquery_version == '' ) ? '1.8.3' : $wp_jquery_version; // fallback, just in case wp_deregister_script('jquery'); wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/'. $jquery_version .'/jquery.min.js', $jquery_version, false ); wp_enqueue_script('jquery');