Note（WordPless標準のjQueryで動かない）

Note ノート
問題　〜更新〜

WordPress化を進めていると、HTMLではきちんと動いていたjQueryが動いていない？？
外部リンクでjQueryを読み込んでいる状態では動作していましたが、WordPressの標準jQueryに置き換えたことが原因になっていることが判明
いろいろと調べてみると、自分でjQueryを読み込むようにする方法もありますが、そもそも「＄」を使っていることが問題だったことがわかりました。

解決

①元のjQueryの読み込みができるように、funcctions.phpを変更

【変更前】
function_sample_enqueue_scripts() {
  wp_enqueue_script('jquery'); 　←　ここの標準jQueryが原因！
}
add_action('wp_enqueue_scripts', 'sample_enqueue_scripts');
【変更後】
function_sample_enqueue_scripts() {
　wp_deregister_script('jquery');　←　WordPress標準のjQueryを解除！
  wp_enqueue_script(　　　　　　　　　 ← 元のjQueryを登録していく
    'jquery',
    '//・・・・・・',　　　　　　　　　← 元のjQuieryのURL
    array(),
    '3.5.1'　　　　　　　　　　　　　　← バージョン
  ); 
}
add_action('wp_enqueue_scripts', 'sample_enqueue_scripts');

②「$」→「jquery」に変更する。もしくは「$」が使えるように追記する。

「$」が使えるようにするには・・・コード全体を下記で囲む！
(function ($) {
【元のコード】
})(jQuery);

なんとか無事解決しました！

コメント