menu

Web制作のTipsとかアレコレ。

[jQuery]$(window).resizeで一回だけイベント発火するメモ

2014.11.30

レスポンシブサイトのコーディングで最近よく使うようになったやつです。

結論からいうと、setTimeoutでタイマーを制御してresize終了後に一回だけイベントを発火させるってだけなのですが、あんまり使い慣れてないのでメモ代わりに。
こんな感じです。

( function($){

  var timer = false;

  $(window).resize( function(){

    if( $(this).width() > 767 ){
      if (timer !== false) {
          clearTimeout(timer);
      }
      timer = setTimeout( function() {

        // タブレット・PC用の処理

      }, 300);
    } 

  });

})(jQuery);

Comments

please leave your comment...

▲ Page Top