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

Leave a Reply to Imatt or Annuler la réponse

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