jQuery - Comment savoir si la fenêtre est en cours de redimensionnement de la largeur/hauteur ou les deux?

J'ai un petit problème avec le redimensionnement de la fenêtre à l'aide de jQuery fonction .resize(). Je voudrais savoir la dimension qui devient de plus/de plus petite largeur ou la hauteur. J'ai besoin de cela parce que si j'ai juste mis deux conditions: si la largeur est de 50px plus grand que la div et si la hauteur est de 50px plus grand que la div,

//(pseudocode)
if width = div.width + 50px
   width = something
if height = div.height + 50px
   height = something

est alors de travailler sur une seule condition et je peux redimensionner uniquement la largeur ou la hauteur.

Comment pourrais-je savoir la dimension qui est en train de changer de taille ou si les deux sont?

Pourquoi ne pas vous poster votre code que vous avez essayé.?

OriginalL'auteur user1257255 | 2012-09-30

  1. 19

    Par le gain de la dernière taille de la fenêtre de valeurs dans des variables.

    var h = $(window).height(), w = $(window).width();
$(window).resize(function(){

    var nh = $(window).height(), nw = $(window).width();
     //compare the corresponding variables.
    h = nh; w = nw; //update h and w;
});

    OriginalL'auteur Anoop

  2. 3

    Enregistrer la taille et comparer avec elle, à chaque fois que la taille change.

    Ex:

    var prevW = -1, prevH = -1;

$(document).ready(function() {

    //... other stuff you might have inside .ready()

    prevW = $(window).width();
    prevH = $(window).height();
});

$(window).resize(function() {
    var widthChanged = false, heightChanged = false;
    if($(window).width() != prevW) {
        widthChanged  = true;
    }
    if($(window).height() != prevH) {
        heightChanged = true;
    }

    //your stuff

    prevW = $(window).width();
    prevH = $(window).height();

});

    Démo: http://jsfiddle.net/44aNW/

    Vous devez enregistrer le précédent largeur/hauteur après l' = true pour qu'il fonctionne, plus d'une fois.
    Ahh, c'est correct. Fixe maintenant.
    Cela ne fonctionne pas complètement. Il fonctionne de la même pour la deuxième, si la condition et pas pour les deux.
    Il fonctionne correctement. Cochez cette démo: jsfiddle.net/44aNW

    OriginalL'auteur techfoobar