Wie löst man ein JQuery-RESIZE-Ereignis erst aus, nachdem die Größenänderung abgeschlossen ist?

JQuery-RESIZE-Ereignis erst aufrufen, nachdem die Größenänderung abgeschlossen ist

Bei der Arbeit mit dem JQuery-Größenänderungsereignis ist es oft wünschenswert, eine Aktion erst danach auszuführen die Größenänderung abgeschlossen ist, und nicht während der fortlaufenden Größenänderung. Dies ist besonders wichtig, um übermäßige Funktionsaufrufe zu vermeiden.

Um dies zu erreichen, können Sie den folgenden Ansatz verwenden:

1. Legen Sie ein Timeout fest:

   Erstellen Sie eine Zeitüberschreitung, die die Funktion nach einer vorgegebenen Verzögerung auslöst, um sicherzustellen, dass sie nur dann ausgeführt wird, wenn die Größe geändert wurde stabilisiert.

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

2. Verwenden Sie ein boolesches Flag:

   Behalten Sie ein Flag bei, um anzuzeigen, ob die Größenänderung ausgeführt wird. Wenn die Größenänderung beginnt, setzen Sie das Flag auf „true“. Setzen Sie nach Ablauf des Zeitlimits das Flag auf „false“, um anzuzeigen, dass die Größenänderung abgeschlossen ist.

   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
   });

Das obige ist der detaillierte Inhalt vonWie löst man ein JQuery-RESIZE-Ereignis erst aus, nachdem die Größenänderung abgeschlossen ist?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!