小金井にあるWEB制作会社の備忘録

MEMORANDUM

jQueryでウィンドウサイズ変更時にページを再読み込み(リロード)する

フリックスライダーなどページ表示幅を自動取得して機能を実装する場合、ウィンドウサイズを変更した際には設定幅を再取得する必要があります。
手動のページ再読み込みでも可能ですが、自動で再読み込みできるようにした方法をメモ

javascript

var timer = false;
var prewidth = $(window).width();
$(window).resize(function() {
	if (timer !== false) {
		clearTimeout(timer);
	}
	timer = setTimeout(function() {
		var nowWidth = $(window).width();
		if(prewidth !== nowWidth){
			location.reload();
		}
		prewidth = nowWidth;
	}, 200);
});

同一カテゴリーの記事