Jquery – évenement redimension du navigateur

J’ai récemment eu un problème à gérer en Jquery. Je voulais pouvoir redimensionner une fenêtre et récupérer la largeur de la fenêtre (après redimension). Pour éviter le lag du calcul à chaque « mini » redimension, la solution est d’agir une fois que l’on a fini de redimensionner la fenêtre. Voici comment faire :

Créer un nouvel évènement jQuery (à utiliser comme une fonction) :

$(window).resize(function() {
if(this.resizeTO) clearTimeout(this.resizeTO);
this.resizeTO = setTimeout(function() {
$(this).trigger(‘resizeEnd’);
}, 500);
});

Mettre ce code dans le document ready :

$(window).bind(‘resizeEnd’, function() {
var wdt = $(window).width();
alert(wdt);
});

Voilà c’est assez simple mais ça peut servir dans certain cas un peu fucké comme je viens d’avoir ! J’espère que ça vous servira 🙂

2 Commentaires

Caroline van Aerschot

A propos6 ans ago

Bonjour ! Et merci beaucoup pour ton code ça m'a beaucoup servi ! J'ai un peu checké ton code, mais j'ai pas tout compris, tu serais decortiquer ? Merci pour ton temps Caroline

Répondre

Imatt

A propos6 ans ago

Bonjour Caroline, Peux-tu me dire ce que tu souhaites décortiquer ? Au plaisir,

Répondre

Laisser un commentaire

Please be polite. We appreciate that.
Your email address will not be published and required fields are marked