web-dev-qa-db-ja.com

JQueryの依存関係を追加すると、スクリプトがエンキュー/ロードできなくなります

これは動作します：

add_action('wp_enqueue_scripts', 'custom_script_enqueue');
function custom_script_enqueue() {
  wp_enqueue_style(
       'customstyle',
        get_template_directory_uri() . '/css/theme.css',
        array(),
        '0.1',
        'all'
  );

  wp_enqueue_script(
     'customjs',
      get_template_directory_uri() . '/js/js.js',
      array(),
      '0.1',
      true
  );
}

しかし、私のカスタムJSはjQuery呼び出しをいくつか使用します。 jQueryはこのカスタムスクリプトの後にロードされ、jQueryはページロード時にundefinedとして返されるため、現在失敗しています。

私はここでいくつかの答えを読み、これを試しました：

add_action('wp_enqueue_scripts', 'custom_script_enqueue');
function custom_script_enqueue() {
  wp_enqueue_style(
      'customstyle',
       get_template_directory_uri() . '/css/theme.css',
       array(),
      '0.1',
      'all'
   );

   wp_enqueue_script(
      'customjs',
      get_template_directory_uri() . '/js/js.js',
      array('jQuery'),
      '0.1',
      true
   );
}

今、私のカスタムスクリプトはまったくロードされません。このページで私がview-source:しても見つからない場所です。

wp_enqueue_scriptをwp_register_scriptに置き換えてから以下のwp_enqueue_script('customjs');を呼び出すことを試みましたが、それはエラーをスローしませんが、私は同じ（欠けている）結果を得ます。

jquerywp-enqueue-scriptwp-register-script
3
armadadrive

JQuery依存関係のハンドルは実際にはjqueryです（すべて小文字と大文字と小文字の区別が重要です）。

JavaScriptハンドルの完全なリストはテーマ開発者ハンドブックに ここ で文書化されています。

4
Dave Romsey