WordPressでjQueryが動かない

当初WordPressを使用し始めていた時期に、jQueryを動作させようとしたら全く反応しないという事象が発生しました。その時の対処方法をメモしておきます。

WordPressではjQuery以外にも「prototype.js」や「mootools」といった他のライブラリも読み込まれています。これらのライブラリでも「$」関数が使用されている為、conflictが発生してjQueryが動作しなくなってしまいます。

jQueryで以下の様に「$」を「jQuery」へ書き換えて「$」関数を使用しないように変更します。

$(function() {
  $("#sample").click(function() {
  });
});

$(function() {

$("#sample").click(function() {

});

jQuery(function($) {
	jQuery("#sample").click(function() {
	});
});

jQuery(function($) {

jQuery("#sample").click(function() {

});

「駑馬十駕」を信念に IT系情報を中心に調べた事をコツコツ綴っています。