当初WordPressを使用し始めていた時期に、jQueryを動作させようとしたら全く反応しないという事象が発生しました。その時の対処方法をメモしておきます。
原因
WordPressではjQuery以外にも「prototype.js」や「mootools」といった他のライブラリも読み込まれています。これらのライブラリでも「$」関数が使用されている為、[glossary]conflict[/glossary]が発生してjQueryが動作しなくなってしまいます。
対処方法
jQueryで以下の様に「$」を「jQuery」へ書き換えて「$」関数を使用しないように変更します。
変更前
|
1 2 3 4 |
$(function() { $("#sample").click(function() { }); }); |
変更後
|
1 2 3 4 |
jQuery(function($) { jQuery("#sample").click(function() { }); }); |