So verknüpfen Sie externe jQuery / Javascript-Dateien mit WordPress

Question

So verknüpfen Sie externe jQuery / Javascript-Dateien mit WordPress

- 15
- 21082 2010-08-17
Ich verwende Starkers,ummein nächstes WP-Thema zuerstellen,undbin aufein kleines Problemgestoßen. Ich habemeine eigene Version vonjQueryin die Datei header.php aufgenommen,aberbei der Überprüfung Aufmeiner Websitemit Firebugbemerkteich,dassjquery zweimal heruntergeladen wurde,ichgrubein bisschen undbemerkte,dassichnichtnur die Dateieinbezog,sondern auch die Funktion wp_head () .

Beim Versuch,das Problem zubeheben,bemerkteicheinen Kommentarin der Header-Datei,der aus dem Twenty Ten-Thema stammte:

/* Haben Sieimmer wp_head () kurz vor dem Schließen von & lt;/head > * Tag Ihres Themas,oder Sie werden viele Pluginsbrechen,die * Verwenden Sie diesen Hakenim Allgemeinen,um Elemente zu & lt; head > hinzuzufügen,z * als Stile,Skripte und Meta-Tags */

Hieristmein Problem. Ich habe den Eindruck,dass diejQuery-Datei vorjeder anderen Dateifestgelegt werdenmuss,die sie verwendenmöchte,und dass wp_head () das Letzteim & lt; head > -Element,ichbin jetztetwas verwirrt,daichmichfrage,obich wp_head () obenplatzieren soll,damit diein WPenthaltenejQuery-Dateifür alle verwendet wirdmeine Plugins,obwohles heißt,diesnicht zutun.

Ich habe diejQuery-Zeilein der Funktion wp_head () auskommentiert,aber sieistfür die Administrationsseiteerforderlich,sodassich sie zurücksetzenmusste.

Ichmöchte auch die Google CDN-Version vonjQuery verwenden (zumindestexperimentieren),möchte sie abernicht zweimaleinschließen!

Ich hoffe,Sie verstehen,wasich zuerklären versuche. Vorschläge,wieich dieses Problem lösen kann,sind sehr willkommen. Ich würdemich auch über Ratschlägefreuen,wie Siemit Ihren JavaScript-Dateienmit der Header-Datei umgehen.

Danke!
So I'm using Starkers to base my next WP theme on and I've run into a small issue, I was including my own version of jQuery in the header.php file but when inspecting my site using Firebug I noticed jquery was being downloaded twice, I did a bit of digging and noticed that not only was I including the file but so was the wp_head() function.

In trying to fix the problem I noticed a comment in the header file, of which originated came from the Twenty Ten theme:

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

So here's my problem, I am under the impression that the jQuery file has to be set before any other file that wants to use it and that wp_head() should be the last thing in the <head> element, I'm slightly confused now as I'm wondering should I put wp_head() at the top so the WP included jQuery file will be used for all my plugins, even though it says not to do so.

I did comment out the jQuery line in the wp_head() function but it's required for the admin page so I had to put it back.

I'd also like to use (at least experiment) with using the Google CDN version of jQuery, but don't want to include it twice!

I hope you understand what I'm trying to explain, any suggestions on how I can solve this problem would be most appreciated. I'd also appreciate any advice on how you handle your JavaScript files with the header file.

Thanks!
themes customization theme-development jquery wp-head

- Dies solltemit dem Titel "So verknüpfen SieexternejQuery/Javascript-Dateienmit WordPress" umbenannt werden.
  
  This should be retitled to something like "How to Link External jQuery/Javascript files with WordPress."
  - 0
  - 2010-08-17
  - MikeSchinkel
- Ich stimme zu,ich warmirnicht sicher,wieichesnennen sollte,daichmit dem Problem,dasich hatte,nicht allzu vertraut war :-)
  
  I agree, I was unsure what to call it as I wasn't too familiar with the problem I had :-)
  - 0
  - 2010-08-18
  - Ben Everard

3 Antworten

Stimmen

Annika Backstrom · Accepted Answer · 2010-08-17

9

2010-08-17

Nach dem Wortlaut Ihrer Fragemüssen Sie Skripte hinzufügen,indem Sie & lt; script > -Tagsin Ihre Vorlage schreiben.Fügen Sie Ihreeigenen Skripte über wp_enqueue_script () in der functions.php ,indem Sie Abhängigkeiten vonjQueryentsprechendfestlegen,und wp_head () fügen die Skriptefür Sie hinzu.



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

 Weitere Informationenfinden Sie auf der  Codex-Seite .


                                                                        From the wording of your question, you must be adding scripts by writing <script> tags in your template. Add your own scripts via wp_enqueue_script() in your template's functions.php, appropriately setting dependences on jQuery, and wp_head() will add the scripts for you.

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


See the codex page for more info.

                                                                        
                                                                        
                                                                        
                                                                        
                                                                            
                                                                                
                                                                                    
                                                                                    Quelle
                                                                                
                                                                            
                                                                            
                                                                                
                                                                                    
                                                                                    Annika Backstrom


                                                            
                                                                
                                                                    
                                                                        
                                                                            
                                                                                
                                                                                    Sie denken zu Recht,dassich Skriptemit dem Tag