WordPressでjQueryが動かない時に確認すること

そもそもjQueryを読み込んでいるのか?

 jQueryを動かすためにはheadタグ(<head>)内でjQueryを呼び出している必要があります。headタグは一般的にheader.phpで作られるので、header.phpを確認しましょう。

スクリーンショット 2015-02-19 22.23.06

 このサイトの場合はwp_enqueue_script関数でjQueryを呼び出しています。

jQueryを複数呼び出してないか?

 上記でheadタグを見るついでに、jqueryで検索して「jquery.js」や「jquery.min.js」がないか確認してみましょう。2つ以上(wp_enqueue_script(‘jquery’)も含む)あれば、正常に動かない可能性があります。1つにしましょう。

$の衝突(コンフリクト)を避ける

 何かプラグインや別のjavascriptライブラリを呼び出している場合、$が衝突する可能性があります。衝突を回避する方法は2つあります。

1.jQuery.noConflict()を使う

var jq = jQuery.noConflict();
// jqをjQueryとして使用する
jq("div a").hide();

2.スコープ内だけjQueryを有効にする

jQuery.noConflict();
(function($) { 
  $(function() {
    // この範囲では$がjQueryオブジェクトになる
    $("div a").hide();
  });
})(jQuery);

 お疲れ様でした。解決しましたでしょうか。

Sponsored link

便利な商品紹介

オムロン クッションマッサージャ(マッサージクッション) HM-341-BG ベージュ

意外と気持ち良い

富士通 FUJITSU ScanSnap iX500 (A4/両面/Wi-Fi対応) FI-IX500A

自炊するならやっぱり持っておきたい。せっかくスキャンするならOCR付きにしておくに越したことはない。

Zenback

コメント

ブックマーク

ブログランキング

ページ上部へ戻る