jQuery $(window).resize(); 等效事件监听器,只在指定轴上触发更改？

Question

我正在寻找一个事件监听器,它的作用类似于jQuery的.resize(),但只有当调整大小的对象(谈论窗口)在x轴或两者中调整大小时才会触发,但不会仅在y轴上调整. - 所以基本上它只会监听宽度的调整大小事件.

Answer 1

您可以在窗口加载变量中保存浏览器的宽度.例:

var w = 0;

$( window ).load( function(){

   w = $( window ).width();

});

$( window ).resize( function(){

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

    //Do something

    w = $( window ).width();

    delete w;

  }

});

Answer 2

这样用怎么样？

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