Note(WordPless標準のjQueryで動かない)

Note WordPress
問題 〜更新〜

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);

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

コメント