リサイズ完了後に実行できるjQueryプラグイン | jquery.resizeend.js

これまた便利なjQueryプラグインを見つけました。$(window).on(‘resize’) はブラウザ幅を変えている間中実行されてしまいますよね。このプラグインは、ブラウザ幅を変え終わったときに実行させることができます。

ダウンロード

https://github.com/nielse63/jquery.resizeend/

使い方

$(window).on('resizeend', function(){
  // ここにリサイズ完了後のコードを記述
  $('.selector').html('resize end');
});

リサイズ完了後に resize end というテキストを表示する動作確認用コードです。

オプション

$(window).on('resizeend', 500, function(){
  // ここにリサイズ完了後のコードを記述
  $('.selector').html('resize end');
});

引数に delay 値を設定できます。デフォルトは250、つまり0.25秒後に発火されるようになっていますが、これを変更できます。