wake-up-neo.net

Einreihen von Javascript-Dateien

Ich versuche, eine JS-Datei (unter /js/example-script.js) in die Warteschlange zu stellen, um beim Laden der Seite eine Warnung zu erhalten.

Kann mir jemand sagen, was ich falsch mache?

In meiner example-script.js:

jQuery(document).ready(function($) {
  alert("hi");
});

Und in meiner Funktionsdatei:

function my_theme_scripts() {
    wp_enqueue_script( 'example-script', get_template_directory_uri() . '/js/example-script.js', array( 'jquery' ), '1.0.0', true );
}

add_action( 'wp_enqueue_scripts', 'my_theme_scripts' );

jQuery ist in meinen Quellen geladen, das ist also nicht das Problem ...

1
JohnG

Verwenden Sie ein untergeordnetes Thema? In diesem Fall müssen Sie get_stylesheet_directory_uri() anstelle von get_stylesheet_template_uri() verwenden, das das übergeordnete Thema uri https://developer.wordpress.org/reference/functions/get_template_directory/#usage zurückgibt.

1
CRavon

Beispiel für Themen

Ich würde empfehlen, wp_enqueue_script mit get_theme_file_uri zu verwenden, damit untergeordnete Themen diese Datei überschreiben können.

funktion get_theme_file_uri ()

Sucht im Stylesheet-Verzeichnis vor dem Vorlagenverzeichnis, sodass Themen, die von einem übergeordneten Thema erben, nur eine Datei überschreiben können.

wp_enqueue_script( 'example-script', get_theme_file_uri( '/js/example-script.js' ), array('jquery'), null, true );


Beispiel für Plugins

wp_enqueue_script( 'example-script', plugins_url('/js/example-script.js', __FILE__), array(), null );
1
Remzi Cavdar

Alle Antworten richtig - in meinem Fall hatte ich es richtig gemacht und die WP -Fußzeile einfach nicht geladen, obwohl jQuery in meinen Quellen angezeigt wurde. Sobald ich get_footer () hinzugefügt habe, hat alles gut funktioniert.

0
JohnG