お問い合わせはコチラから

WordPressでjQueryの$を置き換えなくてもエラーにならない方法とは?

サイト運営

WordPressでjQueryのスクリプトを実行する時に、エラーになって動かなかったことはないでしょうか?

よくあるのが、他の人が公開しているスクリプトをコピペしたけど、$が見つからないというエラーになってしまうことです。

WordPressでは、jQueryの$ショートカットが使えないので、カプセル化するなどソースコードを変更することで対応します。しかし、これが結構面倒だと思っている人は多いと思います。

このWordpressの制限は理由あってのことですが、ほとんどの場合必要ないので、自分で無効化したいと思っている人も多いと思います。

このWordpressのjQueryのショートカット制限を簡単に外せることが分かったのでまとめておきたいと思います。

この記事を読むことで、WordpressでjQueryを使うときに$を使えるか悩む必要がなくなるので、ネットで公開されているjQueryスクリプトをそのまま使うことができるようになります。

なぜWordpressのjQueryでは$を使えないのか?

理由

WordPressに付属しているjQueryにそのような制限があるから。

制限を与えている個所

WordPressに含まれるjquery.jsの一番最後にjQuery.noConflict();の記述があります。

jQuery.noConflict();

別のjQueryを読み込めば解決

WordPressで標準で読み込むjQueryの読み込みをやめて、googleが用意しているCDNから読み込むように変更します。

function load_cdn() {
  if ( !is_admin() ) {
  wp_deregister_script('jquery');
  wp_enqueue_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js', array(), '1.7.1');
  }
}
add_action('init', 'load_cdn');

まとめ

他の人のサイトを見ていた時に、jQueryを使っているのにカプセル化しないで$をそのまま使ってるのを見かけたときにカラクリがよくわからなかったのですが、これですっきりしました。

CocoonなどはもともとGoogle CDNからjQueryを読み込む仕様になっているので、今回の処置は必要ありません。

この記事を書いた人
ブーン

はるばる日本よりオランダ王国へやってまいりました。
自分の経験が少しでも参考になれば嬉しいです。
お問い合わせは、『こちら』からお願い致します。

\ブーンをフォロー/
スポンサーリンク
サイト運営
\シェアお願いします!/
\ブーンをフォロー/
こんな記事も読まれています

失敗しないレンタルサーバーランキング

mixhost

不正アクセスに強くて使いやすいおススメサーバー
\本サイトで利用中/
メリット①:自動ウィルス駆除対応
メリット②:サイトの表示速度が速い!
メリット③:転送量の上限が多い!
メリット④:自由にプラン変更ができ、アクセス増にも対応できる!
メリット⑤:バックアップデータが無料で復元できる!
メリット⑥:Wordpressが簡単にインストールできる!
メリット⑦:どのプランでも初期費用が無料!
メリット⑧:10日間の無料お試し期間と30日の返金保証!

Conoha Wing

国内Wordpress最速の最強サーバー
メリット①:圧倒的な表示速度
メリット②:レンタルサーバーと独自ドメインがセットでお得◎
メリット③:プラン変更はすべてのプランで自由自在
メリット④:一か月の利用転送量の制限が緩い(9TB~)
メリット⑤:WordPresサイトの移行が簡単

エックスサーバー

国内シェアNo1の安定性と実績が魅力。ALL SSDで死角なしの万能サーバー。
メリット①:サイトの表示速度が安定して速い!
メリット②:アクセス負荷に強くて安定性が高い!
メリット③:24時間365日の充実サポートで安心!電話サポートもあり!
メリット④:転送量が多い!
メリット⑤:自動バックアップ機能付き!
メリット⑥:WordPressが簡単にインストールできる!
メリット⑦:10日の無料お試し期間がある!

タイトルとURLをコピーしました