Maison >interface Web >js tutoriel >Comment déclencher une fonction après le redimensionnement de la fenêtre dans jQuery ?

Comment déclencher une fonction après le redimensionnement de la fenêtre dans jQuery ?

Linda Hamilton
Linda Hamiltonoriginal
2024-11-12 03:07:02371parcourir

How to Trigger a Function After Window Resize Completion in jQuery?

JQuery : capture de l'événement de redimensionnement une fois terminé

L'événement de redimensionnement jQuery peut être déclenché en continu pendant le redimensionnement de la fenêtre, entraînant des problèmes de performances. Pour résoudre ce problème, nous visons à invoquer une fonction uniquement une fois le redimensionnement terminé.

Solution utilisant la manipulation d'intervalle :

Comme suggéré par thejh, nous pouvons exploiter la fonction setInterval pour vérifier périodiquement si le navigateur a fini de redimensionner. Une fois qu'il détecte l'inactivité, il peut effacer l'intervalle et appeler la fonction souhaitée :

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

Dans cette solution, nous utilisons clearTimeout pour annuler toute minuterie de redimensionnement existante. Nous réglons ensuite une nouvelle minuterie avec un intervalle court (30 millisecondes dans cet exemple). Une fois le temps écoulé, nous savons que le redimensionnement a cessé et nous pouvons exécuter la fonction souhaitée.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn