如何僅在調整大小完成後觸發 JQuery RESIZE 事件？

僅在調整大小完成後呼叫JQuery RESIZE 事件

使用JQuery 調整大小事件時，通常需要只在調整大小完成後才執行操作調整大小已完成，而不是在連續調整大小期間。這對於避免過多的函數呼叫尤其重要。

要實現這一點，您可以使用以下方法：

1. 設定逾時：

   建立一個超時，在預定的延遲後觸發函數，確保僅在調整大小時才發生

   $(window).resize(function() {
     clearTimeout(timer); // Reset any existing timeout
     timer = setTimeout(function() {
       // Your function goes here
     }, 300); // Set a 300ms delay
   });

2. 使用布林標誌：

   維護一個標誌來指示是否正在調整大小。當開始調整大小時，將標誌設為 true。逾時後，將標誌設為 false，表示調整大小已完成。

   var resizing = false;
   
   $(window).resize(function() {
     resizing = true; // Set flag to true when resizing starts
     setTimeout(function() {
       if (!resizing) return; // Ignore if resizing has already finished
       resizing = false; // Set flag to false when resizing finishes
       // Your function goes here
     }, 300); // Set a 300ms delay
   });

以上是如何僅在調整大小完成後觸發 JQuery RESIZE 事件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！