jquery - jquery リアルタイム変数 (レスポンシブ用)

Question

このコードにより、ドキュメントの準備ができたときにドキュメントの幅が得られます。

jQuery().ready(function(e) {
   var sayfaboyut = jQuery(document).width();
   document.write(sayfaboyut);
});

しかし、私はリアルタイム変数が欲しいです。ドキュメントの幅を変更すると、その幅をリアルタイムで取得したいと考えています。

どうやってやるの ？

Answer 1

resizeイベントを聞くことができます：

$(window).resize(function(){
     console.log($(window).width())
}).resize();

Answer 2

jQuery には、このための組み込みメソッドがあります。

$(window).resize(function () { 
    var sayfaboyut = jQuery(document).width();
   document.write(sayfaboyut);
});

ウィンドウのサイズが変更されるたびに、サイズ変更関数が呼び出されます。これは高さと幅のサイズ変更になることに注意してください。

私が見つけた別の回答は、ブラウザーが応答しなくなる可能性があるため、サイズ変更のすべての呼び出しに反応するべきではないことを示唆しています。代わりに、次のようにタイマーを再キューイングすることを提案しました。

function doSomething() {
    alert("I'm done resizing for the moment");
};

var resizeTimer;
$(window).resize(function() {
    clearTimeout(resizeTimer);
    resizeTimer = setTimeout(doSomething, 100);
});