it-swarm.com.de

Wie man JavaScript in ein Plugin einreiht

Dieses Mal habe ich große Probleme damit, JavaScript-Dateien in den Plugin-Ordner aufzunehmen.

Ich versuche ein Plugin zu erstellen, indem ich Widget-Dateien aus dem Themes-Verzeichnis übertrage. Ich habe die Widget-Datei kopiert, aber diese Widget-Datei hing von einer JavaScript-Datei ab, also habe ich einen/js/-Ordner im Plugin-Verzeichnis erstellt. wo diese Dateien gehostet werden "jquery.repeatable.js"

Ich habe diesen Code verwendet, aber er scheint die js-Datei nicht zu enthalten.

function Zumper_widget_enqueue_script()
{   
    wp_enqueue_script( 'my_custom_script', plugin_dir_url( __FILE__ ) . 'js/jquery.repeatable.js' );
}
add_action('admin_enqueue_scripts', 'Zumper_widget_enqueue_script');

Ich suchte dies auf forum- https://stackoverflow.com/questions/31489615/call-a-js-file-from-a-plugin-directory

Trotzdem war das nicht hilfreich.

Ich fasse meine Frage noch einmal zusammen. In meinem Plugin-Verzeichnis befindet sich eine js-Datei unter diesem Ordner -/js /

Ich möchte es hinzufügen, was ist der richtige Prozess, muss ich auch etwas registrieren?

Stimmt etwas mit diesem Teil nicht - 'admin_enqueue_scripts'?

10
The WP Novice

Ihr Code scheint korrekt zu sein, aber das Skript wird nur im Administrationsbereich geladen, da Sie das Skript in admin_enqueue_scripts action einreihen.

Verwenden Sie zum Laden des Skripts im Frontend die Aktion wp_enqueue_scripts (die nicht mit der Funktion wp_enqueue_script() identisch ist):

function Zumper_widget_enqueue_script() {   
    wp_enqueue_script( 'my_custom_script', plugin_dir_url( __FILE__ ) . 'js/jquery.repeatable.js' );
}
add_action('wp_enqueue_scripts', 'Zumper_widget_enqueue_script');

Außerdem scheint dieses Skript von jQuery abhängig zu sein, daher sollten Sie deklarieren, dass dependencie oder das Skript vor jQuery geladen werden können und nicht funktionieren. Außerdem empfehle ich dringend, die Version des Scripots zu deklarieren. Auf diese Weise lädt der Browser das Skript, wenn Sie es auf eine neue Version aktualisieren, erneut herunter und verwirft die Kopie, die sich möglicherweise im Cache befindet.

Wenn die Version des Skripts beispielsweise 1.0 lautet:

function Zumper_widget_enqueue_script() {   
    wp_enqueue_script( 'my_custom_script', plugin_dir_url( __FILE__ ) . 'js/jquery.repeatable.js', array('jquery'), '1.0' );
}
add_action('wp_enqueue_scripts', 'Zumper_widget_enqueue_script');

Wenn Sie es im Admin-Bereich laden möchten:

function Zumper_widget_enqueue_script() {   
    wp_enqueue_script( 'my_custom_script', plugin_dir_url( __FILE__ ) . 'js/jquery.repeatable.js', array('jquery'), '1.0' );
}
add_action('admin_enqueue_scripts', 'Zumper_widget_enqueue_script');
24
cybmeta

AKTUALISIERTE:

Verwenden Sie stattdessen diesen Code

function Zumper_widget_enqueue_script()
{   
    wp_enqueue_script( 'my_custom_script', plugin_dir_url( __FILE__ ) . 'js/jquery.repeatable.js', array('jquery'), '1.0.0', false );
}
add_action('admin_enqueue_scripts', 'Zumper_widget_enqueue_script');

Der dritte Parameter deklariert die Abhängigkeit und der vierte Parameter definiert die Version.

Setzen Sie den 5. Parameter von wp_enqueue_script() auf true. Das heißt, diese Datei wird in die Fußzeile geladen.

1
mukto90