如何讓 jQuery 的 `resize` 事件函數在調整大小後只執行一次？

調整大小後僅調用一次jQuery RESIZE 事件

使用jQuery 調整大小事件函數時，您可能會遇到需要該函數的情況僅在瀏覽器完成調整大小時執行一次。但是，預設行為是在調整大小過程中連續呼叫該函數。

要克服這個問題，您可以利用一種稱為「去抖動」的技術。它的運作原理如下：

1. 設定時間間隔：
   使用 setInterval() 啟動一個定時函數來檢查瀏覽器是否仍在調整大小。設定合理的間隔，例如50-100毫秒。
2. 清除間隔：
   如果瀏覽器不再調整大小（例如，使用者已停止拖曳視窗邊緣），使用clearInterval()清除步驟1中建立的間隔。這確保該函數只會被呼叫一次。
3. 實現去抖動：
   在 setInterval() 函數中，執行檢查以確定瀏覽器是否仍在調整大小。以下面的代碼為例：

4. 初始化去抖動函數：
   設置resize事件監聽器後立即調用去抖動函數，觸發去抖動函數。這保證了該函數在頁面載入時執行一次。

透過實作此技術，您可以在瀏覽器完成調整大小後呼叫一次 resize 事件函數，有效解決連續函數的問題在調整大小過程中呼叫。

以上是如何讓 jQuery 的 `resize` 事件函數在調整大小後只執行一次？的詳細內容。更多資訊請關注PHP中文網其他相關文章！