So fügen Sie der Fußzeile ein Javascript-Snippet hinzu, für das jQuery

Question

So fügen Sie der Fußzeile ein Javascript-Snippet hinzu, für das jQuery

29

65216 2011-11-06

erforderlichist

Ich weiß,dassichmit diesem Codeeine Skriptdatei zur Fußzeile von WordPress hinzufügen kann,für dieeine Abfrageerforderlichist:

 <?php
function my_scripts_method() {
   // register your script location, dependencies and version
   wp_register_script('custom_script',
       get_template_directory_uri() . '/js/custom_script.js',
       array('jquery'),
       '1.0',
       true);
   // enqueue the script
   wp_enqueue_script('custom_script');
}
add_action('wp_enqueue_scripts', 'my_scripts_method');
?>

Aber wasist,wennichnureinen normalen Ausschnitt vonjqueryinline hinzufügenmöchte,keine Datei. Wie kann dasgemacht werden?

Bearbeiten

Ich weiß,dassich dieses Skript verwenden kann,um der Fußzeileetwas hinzuzufügen:

 <?php
function myscript() {
?>
<script type="text/javascript">
 // This depends on jquery
</script>
<?php
}
add_action('wp_footer', 'myscript');

Aber wiegebe ich das verwendete Skript an? erfordert die Ausführung vonjquery .

I know I can add a script file to the footer of wordpress that requires jquery using this code:

<?php
function my_scripts_method() {
   // register your script location, dependencies and version
   wp_register_script('custom_script',
       get_template_directory_uri() . '/js/custom_script.js',
       array('jquery'),
       '1.0',
       true);
   // enqueue the script
   wp_enqueue_script('custom_script');
}
add_action('wp_enqueue_scripts', 'my_scripts_method');
?>

But what if I want to add just a normal snippet of jquery inline, not a file. How can this be done.

Edit

I know I can use this script to add something to the footer:

<?php
function myscript() {
?>
<script type="text/javascript">
 // This depends on jquery
</script>
<?php
}
add_action('wp_footer', 'myscript');

But how do I specify the script that is used requires jquery to run.

- Esgibt keineeingebaute Funktion,dieich kenne. Deshalbgibt es "wp_register_script" und "wp_enqueue_script",aber Sie können diesmit jquery selbst überprüfen.
  
  There is no built in function to do this that I know, it is why `wp_register_script` and `wp_enqueue_script` exist, but you can check using jquery itself.
  - 0
  - 2011-11-06
  - Wyck
- Entschuldigungfür die Ablehnung,aberichglaubenicht,dass Siemeine Frage verstehen.Ich habe den Kodexgelesen und kenne die Option.Aberichmöchte keine Skriptdateiin die Fußzeile "wp_enqueue_script"einfügen,sondernein Snippetin die Fußzeileeinfügen,für daseine Abfrageerforderlichist.* Ich habe die Antwort direkt aus dem Kodex abgelehnt.Ich habe den Kodexgelesen und keine Antwortgefunden,deshalb stelleicheine Frage.Wenn Siemicherneut zum Kodex weiterleiten,stimmeich ab. *
  
  Sorry for the downvote, but I do not think you understand my question. I have read the codex, and know about the option. But I do not want to `wp_enqueue_script` a script file into the footer, I want to add a snippet into the footer that requires jquery. *I downvoted the answer directly taken from the codex. I read the codex, and did not find an answer, that's why I ask a question. If you redirect me to the codex again I downvote.*
  - 2
  - 2011-11-06
  - Saif Bechan
- Danke wyck,ich denke dasist der Fall,danke,dass du die Frage richtig verstanden hast.Ich denke,ich werde stattdessennurein externes JS-Skript verwenden,um sicherzugehen,dass das Skript ausgeführt werden kann.
  
  Thanks wyck, I think this is the case, thank you for understanding the question correctly. I think I will just use an external JS script instead than to be sure the script can be run.
  - 0
  - 2011-11-06
  - Saif Bechan

5 Antworten

Stimmen

erledigt
to_do

Wenn Sie zumersten Malein Skriptmit wp_register_scripts() registrieren ,wirdesin die registrierte Liste aufgenommen. Wenn Sie das Skript wp_enqueue_script() ausführen,wirdesin die Warteschlangenliste kopiert. Nachdemes auf der Seitegedruckt wurde,wirdes der Liste "Fertig" hinzugefügt.

Anstatt Ihr Fußzeilenskriptin eine Warteschlange zu stellen,umjQuery zuerfordern,können Sie dokumentieren ,dassesjQuery verwendenmuss,undeinfachprogrammgesteuert überprüfen,objQuerygeladenist.

Hiermit wird wp_script_is() verwendet,um zu überprüfen,wo sich das Skriptbefindet aufgeführt.

 function myscript() {
    if( wp_script_is( 'jquery', 'done' ) ) {
    ?>
    <script type="text/javascript">
      // script dependent on jQuery
    </script>
    <?php
    }
}
add_action( 'wp_footer', 'myscript' );

Möglicherweise können Sie denselben Code verwenden,um das Laden vonjQueryin die Fußzeile zuerzwingen,aberich habe dasnichtgetestet ... Ihre Laufleistung kann also variieren.

The easiest way to do this is actually a combination of wp_enqueue_script and the footer actions that Saif and v0idless already referenced. I frequently use jQuery in my themes and plugins, but I put all of the other scripts in the footer as well.

The best way to actually queue things up would be this:

function myscript() {
?>
<script type="text/javascript">
  if ( undefined !== window.jQuery ) {
    // script dependent on jQuery
  }
</script>
<?php
}
add_action( 'wp_footer', 'myscript' );

function myscript_jquery() {
    wp_enqueue_script( 'jquery' );
}
add_action( 'wp_head' , 'myscript_jquery' );

But this code snipped assumes that you're the one queueing the script, i.e. you're doing this in your own plugin or theme.

At the moment, there is no way to add an in-line script to the WordPress footer and also load it with dependencies. But there is an alternative, if you're willing.

The alternative

When WordPress works with scripts, it loads them internally to an object to keep track of them. There are essentially 3 lists inside the object:

registered
queue
done
to_do

When you first register a script with wp_register_scripts() it's placed in the registered list. When you wp_enqueue_script() the script, it's copied to the queue list. After it's been printed to the page, it's added to the done list.

So, rather than queueing your footer script to require jQuery, you can document that it needs to use jQuery and just check programatically to make sure jQuery is loaded.

This uses wp_script_is() to check where the script is listed.

function myscript() {
    if( wp_script_is( 'jquery', 'done' ) ) {
    ?>
    <script type="text/javascript">
      // script dependent on jQuery
    </script>
    <?php
    }
}
add_action( 'wp_footer', 'myscript' );

You might be able to use this same code to force jQuery to load in the footer as well, but I haven't tested that ... so your mileage my vary.

score 31 · Accepted Answer · 2011-11-06

Dereinfachste Weg,dies zutun,isteine Kombination aus wp_enqueue_script und den Fußzeilenaktionen,auf die Saif und v0idlessbereits verwiesen haben. Ich verwende häufigjQueryin meinen Designs und Plugins,aberichfüge auch alle anderen Skriptein die Fußzeileein.

Derbeste Weg,um Dingetatsächlichin die Warteschlange zu stellen,wärefolgender:

 function myscript() {
?>
<script type="text/javascript">
  if ( undefined !== window.jQuery ) {
    // script dependent on jQuery
  }
</script>
<?php
}
add_action( 'wp_footer', 'myscript' );

function myscript_jquery() {
    wp_enqueue_script( 'jquery' );
}
add_action( 'wp_head' , 'myscript_jquery' );

Bei diesem Code wirdjedoch davon ausgegangen,dass Sie derjenige sind,der das Skriptin die Warteschlange stellt,d. h. Sietun diesin Ihremeigenen Plugin oder Thema.

Derzeitgibt es keine Möglichkeit,der WordPress-Fußzeileein Inline-Skript hinzuzufügen undes auchmit Abhängigkeiten zu laden. Aberesgibt eine Alternative,wenn Sie dazubereit sind.

Die Alternative

Wenn WordPressmit Skripten arbeitet,werden dieseinternin ein Objektgeladen,um sie zu verfolgen. Das Objektenthältim Wesentlichen drei Listen:

registriert
Warteschlange