2015年9月22日火曜日

[jQuery] ウインドウのリサイズ操作が終わった時にだけ処理を実行する

参考: https://web-diy.jp/2017/06/170619_01/

リサイズ中、常に実行されてしまう書き方

$(window).resize(function() {
    alert("リサイズ実行");
});


リサイズが終わった場合のみに実行される書き方

var $resizeTimer = false;
$(window).resize(function() {
    if ($resizeTimer !== false) {
        clearTimeout($resizeTimer);
    }
    $resizeTimer = setTimeout(function() {
        alert("リサイズが終わりました");
    }, 100);
});


0 件のコメント:

コメントを投稿