こんにちは、さるまりんです。
jQueryって便利ですよね。知った時、驚きました。
WordPressって便利ですよ。これも知った時、驚きました。
で、WordPressでサイトを作っている時にjQueryを使いたくなったんです。
自然な流れですね。
WordPressではjQueryを使うプラグインがあったら勝手に(勝手ではないんでしょうけど)jQueryを読み込んでくれます。使いたいじゃないですか。
で、いつものように書いたら使えない！
ちょっとハマったのでメモさせてくださいね。
いつものjQuery
jQueryを読み込んで使う時、次のように書くと思います。
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#secret-text").hide();
});
</script>上のコードはidがsecret-textの要素を非表示にします。
これがWordPressでは動かないんです。。びっくり。
どうやら$が使えないらしいんです。
WordPressでのjQuery
では、どう書くか。
こんな風に書くことで解決しました。
<script type="text/javascript">
(function($) {
$(function() {
$("#secret-text").hide();
});
})(jQuery);
</script>
きっと他にもやり方があるのだと思いますが、この書き方がいつもの書き方に近くて気に入ってます。
これで安心してここでもjQueryです。
読んでくださってありがとうございました。
ではまた！