javascript - 如何在屏幕尺寸改变时重新执行 jQuery

Question

当满足特定屏幕尺寸时，我正在尝试进行一些小的编辑。这仅在浏览器首次加载时有效。到目前为止我的代码:

   if(vwo_$(window).width() >= 979){
    vwo_$('.move_cart_here').removeClass('span4');
    vwo_$('#sns_topheader .span12.topheader-left').removeClass('span8');
  };
  if(vwo_$(window).width() <= 978){
    vwo_$("#sns_header .container .row-fluid .header-right").append(vwo_$("#header_icons"));
  };

如果有人知道每次屏幕尺寸在受控情况下发生变化时如何“重新加载”，那将大有帮助。

Answer 1

只需在窗口上绑定(bind)调整大小事件:

$(window).on('resize', function(){ ... });

编辑: 假设 jQuery var 是 vwo_$，您可以使用:

vwo_$(window).on('resize', function() { (your logic here...) });