見出し画像

ワードプレスでjQueryがうごかない!!

WordPressでjQueryを使いたいのに動かない時は、「jQuery(function($){ });」で前後を囲んでカプセル化してやれば簡単です。

これで囲むと、その中では「$」が使えますので、サンプルコードもそのままコピーすれば動きます。カプセル化した中には普通のjQueryの書き方でOKです。特に修正は必要ありません。


<script type="text/javascript">
jQuery(function ($) {
//ここに普通のjQueryの書き方で。下の行は例
$("#jquery_test_wp").text("jQuery WordPress構文テスト");
});
</script>


書く位置にも注意 ヘッダーの
</head>
の直前に入れておけばOK

この記事が気に入ったらサポートをしてみませんか?