問題 〜更新〜
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);
なんとか無事解決しました!
リンク
コメント