1

セクションがあるとしましょう。幅は 1181 (コンソールに出力) で、次のコードを使用して幅を調べています。

jQuery(document).ready(function()
{
    var body_size = jQuery('section').width();
    console.log(body_size);
});

ブラウザのサイズを変更すると、ページをリロードして、この div の新しいサイズを確認する必要があります。

ブラウザのサイズを変更するときにサイズを確認する方法はありますか?

4

1 に答える 1

7

「サイズ変更」イベントを処理できます。イベントは非常に頻繁に発生することに注意してください。そのため、ハンドラー内で DOM 操作を行わないか、できる限り少なくすることをお勧めします。この問題に対処する 1 つの方法は、タイマーを使用することです。

var resizeTimer;
$(window).resize(function() {
  clearTimeout(resizeTimer);
  resizeTimer = setTimeout(function() {
    var body_size = $('section').width();
    // ...
    // do your work here
    // ...
  }, 200);
});

これによりタイマーが設定されるため、ユーザーがサイズ変更を停止してから (または少し一時停止してから) 少なくとも 200 ミリ秒経過するまで、実際には何も実行されません。

于 2013-01-22T21:25:44.063 に答える