jQuery resize 侦听器仅在宽度发生变化时触发

Question

我只需要在宽度发生变化而不是高度发生变化时触发一个函数。 如何在不复制功能的情况下做到这一点？

$(window).resize(function() {
var pageWidth = $(window).width();
if(pageWidth > 100){
    $("#content").show();
}
if(pageWidth < 100){
    $("#content").hide();
}
}); 

Answer 1

其实我想我明白了

var initialWidth = $(window).width();
$(window).resize(function() {
  var pageWidth = $(window).width();
  if(pageWidth > 100 && pageWidth !== initialWidth){
    $("#content").show();
    initialWidth = pageWidth;
  }
  if(pageWidth < 100 && pageWidth !== initialWidth){
    $("#content").hide();
    initialWidth = pageWidth;
  }
});