jQueryの記述と言うと、基本的なのは以下のような記述です。
|
1 2 3 |
$(document).ready( function(){ alert('jQuery'); }); |
ところがこの記述、Wordpressでは動きません。
WordPressは内部のプログラムでのバグを防ぐために、「$」のみの表記を禁止しています。
そのためWordpressでjQueryを動かす場合には以下の2つの施策が有効です。
- $をjQueryに変更
- 構文全体をjQuery(function ($) {})で囲む
①＄をjQueryに変更
「＄」はjQueryにおける簡易表記で、正式に書くなら「jQuery」になります。
よって先ほどの文を以下のように変更することで機能します。
|
1 2 3 |
jQuery(document).ready( function(){ alert('jQuery'); }); |
でも全ての「＄」を「jQuery」に変更するのは場合によっては大変ですよね。
その場合は2番目の方法が有効です。
②構文全体をjQuery(function ($) {})で囲む。
囲むことで内部は「＄」表記でも問題なくなります。
よって先ほどの文を以下のように変更することでも機能します。
|
1 2 3 4 5 |
jQuery(function ($) { $(document).ready( function(){ alert('jQuery'); }); }); |
こちらの方が中の「＄」表記を変えなくていいので楽ですね。
WordpressでjQueryを使用する場合の参考にしてください。