web-dev-qa-db-ja.com

カスタムプラグインでJavaScriptファイルを呼び出す

したがって、目標はカスタムフォームにjQuery Validationを使用することです。たぶん、私はこれについて難しいやり方をしています。しかし、これが私がしていることです:

  1. 私のテーマフォルダにjQuery検証ファイルをアップロードしました
  2. プラグインのファイルにプラグインフォルダを作成しました
  3. このコードでphpファイルを追加しました:

    function custom_validation() {
    
    wp_enqueue_script('jquery');
    
    wp_register_script( 'jq-validation', get_template_directory_uri() . '/jquery.validation/jquery.validation.js', array('jquery'),'1',false );
    
    wp_enqueue_script( 'jq-validation' );
    
    }
    
    add_action( 'wp_enqueue_scripts', 'custom_validation' );
    

そして、それは機能していません。追加しないようにしています。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.14.0/jquery.validate.min.js"></script>

ヘッダファイルへしかし、私がそうするたびに、それは機能します。

任意の助けは大歓迎です。

1
simplesimon

WPはjQueryを競合モードでロードしないので、jQueryがショートカット$を使用することはできません。次の場合は$変数を使用しないでください。 WordPress内のjQuery

jQuery(function ($) {
   //code here
})

または

(function($){

    //code here

})(jQuery);

同じ競合の問題を参照するQ&Aが多数あります。 this および this を確認してください。

2
bravokeyl