So fügen Sie Javascript korrekt in functions.php

Ihr $scrin Ihrem wp_register_script() Funktionistfalsch. Da sich Ihrefunctions.phpin Ihrem Pluginbefindet und sich Ihre removeArrows.jsim Stammverzeichnis Ihres Pluginsbefindet,sollte Ihr $scr so aussehen

 plugins_url( '/removeArrows.js' , __FILE__ )
 

Ein weiterer wichtiger Punktist,dassesimmerempfehlenswertist,Ihre Skripte und Stile zuletzt zu laden. Dadurch wird sichergestellt,dassesnicht von anderen Skripten und Stilen überschrieben wird. Fügen Sie dazueinfach Ihrem Prioritätsparameter ($priority) von add_action .

  add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts', 999 ); 
 

Und immer Skripte und Stile über den wp_enqueue_scripts Aktions-Hook,da dies der richtige Hookist. Laden Sie Skripte und Stilenicht direktin wp_head oder wp_footer

EDIT

Wenn Siefür Themen angegeben haben,dass Siejetzt allesin Ihr Thema verschoben haben,ändert sich Ihr $scrin dieses

  get_template_directory_uri() . '/removeArrows.js'
 

für übergeordnete Themen und dies

 get_stylesheet_directory_uri() . '/removeArrows.js'
 

für untergeordnete Themen. Ihr vollständiger Code sollte so aussehen

 function wpb_adding_scripts() {
    wp_register_script('my_amazing_script', get_template_directory_uri() . '/removeArrows.js', array('jquery'),'1.1', true);
    wp_enqueue_script('my_amazing_script');
} 

add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts', 999 ); 
 

Your $scr in your wp_register_script() function is wrong. Given that your functions.php is inside your plugin, and your removeArrows.js is in the root of your plugin, your $scr should look like this

plugins_url( '/removeArrows.js' , __FILE__ )

Another point of note, it is always good practice to load your scripts and styles last. This will ensure that it will not get overriden by other scripts and styles. To do this, just add a very low priority (very high number) to your priority parameter ($priority) of add_action.

 add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts', 999 ); 

And always load/enqueue scripts and styles via the wp_enqueue_scripts action hook, as this is the proper hook to use. Do not load scripts and styles directly to wp_head or wp_footer

EDIT

For themes, as you've indicated that you now moved everything to your theme, your $scr would change to this

 get_template_directory_uri() . '/removeArrows.js'

for parent themes and this

get_stylesheet_directory_uri() . '/removeArrows.js'

for child themes. Your complete code should look like this

function wpb_adding_scripts() {
    wp_register_script('my_amazing_script', get_template_directory_uri() . '/removeArrows.js', array('jquery'),'1.1', true);
    wp_enqueue_script('my_amazing_script');
} 

add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts', 999 ); 

Ich würde keine weitereexternejs-Datei hinzufügen,esistnureine zusätzliche und unnötige Ressource zum Abrufen,und dasistetwas,das wirin Bezug auf die Ladezeiten von Seiten reduzierenmöchten.

Ich würde diesesjQuery-Snippetmit dem Hook wp_headin den Kopf Ihrer Websiteeinfügen. Sie würden Folgendesin Ihre Theme- oder Plugins-Funktionsdateieinfügen. Ich habe auch sichergestellt,dass sichjQueryim konfliktfreien Modusbefindet,wie Sie unten sehen können.

 add_action('wp_head','woocommerce_js');

function woocommerce_js()
{ // break out of php ?>

jQuery(document).ready(function($) {
    $(".woocommerce-cart").html(function(i, val) {
    return val.replace(" →", "");
    });
    $(".woocommerce-cart").html(function(i, val) {
    return val.replace("← ", "");
    });
});
<?php } // break back into php
 

Wenn Sie diesgetan und Ihre Seite aktualisiert haben,überprüfen Sie die Seitenquelle,um sicherzustellen,dass diesesjQuery-Snippettatsächlichin Ihre Seitegeladen wird. Wenn dies der Fallist,sollteesfunktionieren,es sei denn,das aktuellejQuery-Snippet,das Sie verwenden,istfehlerhaft.

I would not add another external js file, its just an extra and unnecessary resource to fetch and that is something we want to cut down on in terms of page loading times.

I would add this jQuery snippet in your websites head using the wp_head hook. You would paste the following in your theme or plugins functions file. I have also made sure jQuery is in no-conflict mode as you can see below.

add_action('wp_head','woocommerce_js');

function woocommerce_js()
{ // break out of php ?>

jQuery(document).ready(function($) {
    $(".woocommerce-cart").html(function(i, val) {
    return val.replace(" →", "");
    });
    $(".woocommerce-cart").html(function(i, val) {
    return val.replace("← ", "");
    });
});
<?php } // break back into php

Once you have done this and refreshed your page, check the page source to make sure this jQuery snippet is in fact being loaded into your page. If it is then it should work unless their is something off in the actual jQuery snippet you are using.

Da die Antwortbereits akzeptiert wird,möchteichnur sagen,dasseseine andere Möglichkeitgibt,Javascript-Codein der Fußzeilein die Warteschlange zu stellen,wasich schon oftgetan habe.

in der Dateifunctions.php:

 function load_script_to_remove_arrow(){
?>
<script>
$(document).ready(function() {
    $(".woocommerce-cart").html(function(i, val) {
    return val.replace(" →", "");
    });
    $(".woocommerce-cart").html(function(i, val) {
    return val.replace("← ", "");
    });
});
</script>
<?php
}
add_action( 'wp_footer', 'load_script_to_remove_arrow' );
 

Sie können dieses Skriptnur unter Verwendung der Bedingung

 if( is_page_template( 'page-template.php' ) ):

//put above code (or just add_action part) inside this condition to load file only if the condition is true 

endif;
 

Wenn sich die Seite-template.phpim Verzeichnisbefindet (z. B. Vorlagenverzeichnisim Stammverzeichnis Ihres Themas),können Sie wiefolgt schreiben:

 is_page_template( 'templates/page-template.php' );
 

As the answer is accepted already so, I just want to say there's another way to enqueue javascript code in footer which I have done many times.

in functions.php file:

function load_script_to_remove_arrow(){
?>
<script>
$(document).ready(function() {
    $(".woocommerce-cart").html(function(i, val) {
    return val.replace(" →", "");
    });
    $(".woocommerce-cart").html(function(i, val) {
    return val.replace("← ", "");
    });
});
</script>
<?php
}
add_action( 'wp_footer', 'load_script_to_remove_arrow' );

you can load this script to particular page template only by using condition

if( is_page_template( 'page-template.php' ) ):

//put above code (or just add_action part) inside this condition to load file only if the condition is true 

endif;

if the page-template.php is in directory ( say templates directory in your theme's root dir ) you can write like:

is_page_template( 'templates/page-template.php' );

Um die Frage zubeantworten,müssen wir zuerst zwischen Javascript und JQuery unterscheiden.

Umes aufeinfache Weise auszudrücken:

• Javascriptbasiert auf ECMAScript
• JQueryisteine Bibliothekfür Javascript

In Wirklichkeit stellen Sie also zwei verschiedene Fragen:

• Ihr Titel spricht voneiner Lösungfür die Implementierung von Javascript
• Ihre Frage spricht voneiner Lösungfür die Implementierung von JQuery

Dain den Google-Ergebnissen Ihr Titel angezeigt wird und dergesamte Inhalt der Seite über JQuery spricht,kann diesfür Personen,dienacheiner Javascript-Lösung suchen,sehrfrustrierend sein.

Undjetzt zur JQuery-Lösung:

 wp_enqueue_script( 'script-id', get_template_directory_uri() . '/js/script.js', array ( 'jquery' ), 1.1, true);
 

Und die Javascript-Lösung:

 wp_enqueue_script( 'script-id', get_template_directory_uri() . '/js/script.js', array(), '1.0.0', true );
 

Dieser Code kann zu Ihrerfunctions.php hinzugefügt werden Der Speicherort der Skripteistin beiden Fällen wp-content/themes/theme-name/js/script.js

Viel Spaßbeim Codieren!

To answer the question we must first make a distinction between javascript and JQuery.

To state it in a simple fashion:

• Javascript is based on ECMAScript
• JQuery is a library for Javascript

So in reality you ask two different questions:

• Your title speaks about a solution for implementing javascript
• Your question speaks about a solution for implementing JQuery

Because the Google results show your title and all the content of the page talks about JQuery this can become very frustrating to people that search for a javascript solution.

And now for the JQuery solution:

wp_enqueue_script( 'script-id', get_template_directory_uri() . '/js/script.js', array ( 'jquery' ), 1.1, true);

And the javascript solution:

wp_enqueue_script( 'script-id', get_template_directory_uri() . '/js/script.js', array(), '1.0.0', true );

This code can be added to your functions.php The location of the scripts in both cases is wp-content/themes/theme-name/js/script.js

Happy coding!