當窗口調整大小時獲取div的實時寬度？

Question

比方說，我有一個部分，它的寬度是1181（在控制檯輸出）和我使用下面的代碼，找出它的寬度：

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

如果我重新大小我的瀏覽器，我必須重新加載頁面才能找到這個div的新大小。

有沒有辦法在我重新調整瀏覽器大小時找出大小？

Answer 1

您可以處理「調整大小」事件。需要警告的是，事件經常被觸發非常，所以最好不要在處理程序中執行任何DOM操作，或儘可能少。處理這個問題的方法之一是使用計時器：

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

，設置了一個定時器，這樣你實際上並不會做任何工作，直到至少200毫秒用戶停止調整大小後（或會暫停位）。