WordPressに入っている jQueryを使う

WordPressには標準で jQueryが入っている(ただしバージョンが古い)。

前に書いた WP Coderを使うと、投稿記事の中から jQueryを呼び出せるような気がするが、制限がかかっていて、$では呼び出せないらしい。

こういう時は $ではなくて、 jQueryと省略せずに呼び出せばちゃんと動く。

fade in / out
jQuery('#fadeinout').on('click', function() {
	jQuery('.box').fadeToggle();
})

 

もう1つ、スクリプト全体を「jQuery(function($){ });」で囲むという方法があるそうです。

fade in / out
jQuery(function($){ 
  $('#fadeinout2').on('click', function() {
    $('.box2').fadeToggle();
  })
});
タイトルとURLをコピーしました