jQuery $ (fenêtre) .resize (); écouteur d'événement équivalent, qui se déclenche uniquement sur un changement d'axe spécifié?

Je suis à la recherche d'un écouteur d'événement, ce qui fonctionne comme du jQuery .resize(), mais ne se déclenche lorsque le redimensionnement de l'objet (en parlant de la fenêtre est redimensionnée dans l'axe x, ou les deux, mais pas seulement de l'axe y. - Donc, fondamentalement, il n'écouter que les événements de redimensionnement de la largeur.

source d'informationauteur Steven Palinkas | 2014-01-08

  1. 35

    Vous pouvez enregistrer la largeur du navigateur sur une fenêtre de chargement variable. Exemple:

    var w = 0;

$( window ).load( function(){

   w = $( window ).width();

});

$( window ).resize( function(){

  if( w != $( window ).width() ){

    //Do something

    w = $( window ).width();

    delete w;

  }

});
  2. 3

    Comment à propos de l'utilisation de ce genre?

    var w = $(window).width();
$(window).resize(function(){
  if ($(window).width()==w) return; 
  w = $(window).width();
  //... your code
});
  3. 1

    Vous pouvez utiliser:

    $(window).resize(function(e) {
console.log(e.old.width + " - " + $(this).width());
console.log(e.old.height + " - " + $(this).height());
if(e.old.width==$(this).width() && e.old.height!=$(this).height()){
//only vertical resize done
}else
{
 //horizontal or horizontal+ vertical resize done
}
});​
  4. -1

    Je viens de sortir d'une bibliothèque JavaScript pour la simplifier.

    https://github.com/adjohnson916/jquery-resize-dimension

    Laissez-moi savoir si vous avez des questions!