如何在 jQuery 中視窗調整大小完成後觸發函數？

JQuery：完成時捕捉 Resize 事件

視窗大小調整過程中會不斷觸發 jQuery resize 事件，導致效能問題。為了解決這個問題，我們的目標是僅在調整大小結束後呼叫函數。

使用間隔操作的解決方案：

根據 thejh 的建議，我們可以利用 setInterval 函數定期檢查瀏覽器是否已完成調整大小。一旦偵測到不活動，它就可以清除間隔並呼叫所需的函數：

var resizeTimer;

$(window).resize(function() {
  // Reset the resize timer if it exists
  if (resizeTimer) clearTimeout(resizeTimer);

  // Set a new resize timer
  resizeTimer = setTimeout(function() {
    // Call the desired function here
  }, 30);
});

在此解決方案中，我們使用clearTimeout 來取消任何現有的調整大小計時器。然後我們設定一個新的定時器，間隔很短（本例為 30 毫秒）。一旦計時器過去，我們就知道調整大小已經停止，我們就可以執行所需的函數。

以上是如何在 jQuery 中視窗調整大小完成後觸發函數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！