Wie löst man eine Funktion nach Abschluss der Fenstergrößenänderung in jQuery aus?

JQuery: Erfassen des Größenänderungsereignisses nach Abschluss

Das jQuery-Größenänderungsereignis kann während der Fenstergrößenänderung kontinuierlich ausgelöst werden, was zu Leistungsproblemen führt. Um dieses Problem zu lösen, wollen wir eine Funktion erst aufrufen, nachdem die Größenänderung abgeschlossen ist.

Lösung mit Intervallmanipulation:

Wie von thejh vorgeschlagen, können wir die Funktion setInterval nutzen um regelmäßig zu überprüfen, ob die Größenänderung des Browsers abgeschlossen ist. Sobald Inaktivität festgestellt wird, kann das Intervall gelöscht und die gewünschte Funktion aufgerufen werden:

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

In dieser Lösung verwenden wir „clearTimeout“, um alle vorhandenen Größenänderungs-Timer abzubrechen. Anschließend stellen wir einen neuen Timer mit einem kurzen Intervall ein (in diesem Beispiel 30 Millisekunden). Sobald der Timer abgelaufen ist, wissen wir, dass die Größenänderung beendet ist und können die gewünschte Funktion ausführen.

Das obige ist der detaillierte Inhalt vonWie löst man eine Funktion nach Abschluss der Fenstergrößenänderung in jQuery aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!