タグ別アーカイブ: レスポンシブ

jQueryで(window).loadとか.scrollとか.resizeとか全部まとめて設定したい

・$(window).load ページ読み込み完了時
・$(window).scroll スクロールしたとき
・$(window).resize ウィンドウサイズ変えたとき

 

レスポンシブサイトとかで、高さを操作するときとかポジションを操作するときとかに
上記イベントを使うことが多いのだけど、全部まとめて同じ動きしてほしいのってときの書き方

▼元(めんどいほう)

$(function(){

$(window).load(function(){
  //やりたい処理
});
$(window).scroll(function(){
  //やりたい処理
});
$(window).resize(function(){
  //やりたい処理
});

});

 

▼まとめて書く

$(function(){

$(window).on('load scroll resize',function(){
  //やりたい処理
});

});

ちなみに.bindとかがjQuery1.7ぐらいから非推奨になり、代わりに.onで書くようになったそうです。