Wie kann ich dafür sorgen, dass die Ereignisfunktion „Größe ändern' von jQuery nach der Größenänderung nur einmal ausgeführt wird?

Das jQuery-RESIZE-Ereignis nur einmal nach der Größenänderung aufrufen

Beim Arbeiten mit der jQuery-Größenänderungsereignisfunktion kann es vorkommen, dass Sie die Funktion benötigen Wird nur einmal ausgeführt, wenn die Größenänderung des Browsers abgeschlossen ist. Das Standardverhalten besteht jedoch darin, die Funktion während des Größenänderungsprozesses kontinuierlich aufzurufen.

Um dies zu umgehen, können Sie eine Technik namens „Entprellen“ verwenden. So funktioniert es:

1. Legen Sie ein Intervall fest:
   Starten Sie eine zeitgesteuerte Funktion mit setInterval(), um zu überprüfen, ob die Größe des Browsers noch geändert wird. Legen Sie ein angemessenes Intervall fest, z. B. 50–100 Millisekunden.
2. Intervall löschen:
   Wenn die Größe des Browsers nicht mehr geändert wird (z. B. wenn der Benutzer aufgehört hat, den Fensterrand zu ziehen), Löschen Sie das in Schritt 1 erstellte Intervall mit clearInterval(). Dadurch wird sichergestellt, dass die Funktion nur einmal aufgerufen wird.
3. Entbouncen implementieren:
   Führen Sie innerhalb der setInterval()-Funktion eine Prüfung durch, um festzustellen, ob die Größe des Browsers noch geändert wird. Verwenden Sie den folgenden Code als Beispiel:

$(window).resize(() => {
  let timer;
  if (timer) {
    clearTimeout(timer);
  }
  timer = setTimeout(() => {
    // Your code to execute after resizing is complete
  }, 50);  // Adjust the delay as per your requirement
});

4. Entprellungsfunktion initialisieren:
   Lösen Sie die Entprellungsfunktion aus, indem Sie sie sofort nach dem Festlegen des Resize-Ereignis-Listeners aufrufen . Dadurch wird sichergestellt, dass die Funktion einmal ausgeführt wird, wenn die Seite geladen wird.

Durch die Implementierung dieser Technik können Sie die Größenänderungsereignisfunktion ein einziges Mal aufrufen, nachdem der Browser die Größenänderung abgeschlossen hat, wodurch das Problem der kontinuierlichen Funktion effektiv gelöst wird Aufrufe während des Größenänderungsprozesses.

Das obige ist der detaillierte Inhalt vonWie kann ich dafür sorgen, dass die Ereignisfunktion „Größe ändern' von jQuery nach der Größenänderung nur einmal ausgeführt wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!