So fügen Sie benutzerdefiniertes JavaScript zu von einem benutzerdefinierten Plugin hinzu

Ich habe ein Plugin geschrieben, aber es fügt weiterhin Javascript in den Abschnitt ein, nicht in den Abschnitt jeder Seite. Kann mir jemand helfen oder mir einen Hinweis geben, wie man js in die Sektion einfügt?

public constructor { add_action( 'init', array( $this, 'custom_js_register' ) ); add_action( 'wp_head', array( $this, 'custom_js_print' ) ); } function custom_js_register() { wp_register_script('custom_button', 'http://xxx.xxx.xxx/js/Button.js'); } function custom_js_print() { wp_enqueue_script('custom_button'); } 

anstatt nur js zu laden, möchte ich in der Lage sein, so etwas zu tun.

   

Solutions Collecting From Web of "So fügen Sie benutzerdefiniertes JavaScript zu von einem benutzerdefinierten Plugin hinzu"

Sie müssen den Hook verwenden, um die Skripte in WordPress in die Warteschlange zu stellen. Verwenden Sie den Hook wp_enqueue_scripts für das Frontend und admin_enqueue_scripts für das admin_enqueue_scripts .

Wenn Sie Skripte und Stile in die Warteschlange stellen, sollten Sie einen dieser drei Hooks verwenden:

  1. wp_enqueue_scripts (für das Frontend)
  2. login_enqueue_scripts (für den Anmeldebildschirm)
  3. admin_enqueue_scripts (für das Admin-Dashboard)

Es reicht aus, eine Methode zum Registrieren und Enqueue von Skripten zu verwenden. Der Unterschied besteht darin, dass andere Entwickler das Skript abmelden können.

 public constructor() { add_action( 'wp_enqueue_scripts', array( $this, 'custom_js_register' ) ); } public function custom_js_register() { wp_register_script( 'custom_button', 'http://xxx.xxx.xxx/js/Button.js' ); wp_enqueue_script( 'custom_button' ); } 

Als Hinweis, die statische Adresse nicht zu verwenden, mit http . Es ist besser, die wp-function plugins_url . Auch ein Beispiel:

  wp_register_script( self::$handle, plugins_url( 'js/', __FILE__ ) . 'Button.js' );