私の最初のプラグインのテスト - WordPressをロードしていないスクリプト

Question

jQueryを使用してボタンのクリックイベントを作成するJavaScriptファイルを作成しようとしています。

私はそれを動作させることはできませんし、スクリプトがロードされているかどうかもわかりません。私はページソースでそれを探しましたが、そこにはないので、まったく読み込まれていないことを示唆しています。私はプラグインとjQueryの新人ですが、私はチュートリアルに続き、以下のコードをコピーしました。

<?php 
/* 

Plugin Name: PansHousePlugin 
Plugin URI: http://pans-house.com 
Description: Adds OnClick and Scroll Functionality 
Version: 1.0 
Author: Paul Leppard 
Author URI: http://pans-house.com 

*/ 


add_action('wp_enqueue_scripts', 'load_js'); 

    function load_js() { 
wp_register_script('click_scroll', plugins_url('click_scroll.js', __FILE__), array('jQuery'), true); 
wp_enqueue_script('click_scroll'); 
} 




?> 

と同じフォルダ内にあるファイルclick_scroll.js plugin.phpファイルとして

(function($){ 

$(function(){ 
    $("#gopricing").hide(); 
    $(".showpricingbutton").on("click", function(){ 
    $("#gopricing").toggle(); 
    }); 
}); 

}(jQuery)); 

私はチュートリアルが言うとおりに、これは言ったように。プラグインはエラーなしで起動していますが、idの値を指定したdivは隠されていないので、ボタンは何もしないので、スクリプトがロードされていないと仮定しています。

おかげ

Answer 1

あなたは存在しない依存関係をリストアップしています。

jQueryはライブラリの名前です。ライブラリをロードするためにそれを参照する必要があるハンドルはjqueryです。あなたは、あなたが代わりにJSにフッターにロードするように伝えようとしていたと思うときに、バージョン番号をtrueに設定しています。これに

wp_register_script('click_scroll', plugins_url('click_scroll.js', __FILE__), array('jQuery'), true); 

：この

変更

wp_register_script('click_scroll', plugins_url('click_scroll.js', __FILE__), array('jquery'), false, true); 

は、あなたが持っている次の問題は、あなたのJSです。最後の行は、ブラケットの調整を必要としますがreadyイベントを待っている必要があります。

(function($) { 

    $(document).ready(function() { 
     $("#gopricing").hide(); 
     $(".showpricingbutton").on("click", function() { 
      $("#gopricing").toggle(); 
     }); 
    }); 

})(jQuery); 

さらに読書：https://developer.wordpress.org/reference/functions/wp_enqueue_script/