如何在屏幕大小发生变化时重新执行jQuery

How to re-execute jQuery when screen sizes change

本文关键字：新执行 执行 jQuery 变化 屏幕      更新时间：2023-09-26

当满足特定屏幕大小时，我正在尝试进行一些小的编辑。这只适用于首次加载浏览器时。到目前为止我的代码：

   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"));
  };

如果有人知道每当屏幕大小在受控事件中发生变化时，这将如何"重新加载"，这将非常有帮助。

只需在窗口上绑定调整大小事件：

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

编辑：假设jQueryvar是vwo_$，您可以使用：

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

当调整窗口大小时，可以使用.resize()事件处理程序捕获和事件http://api.jquery.com/resize/例如：

$(window).resize(function (){
  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"));
  };
});

$(function(){
$(window).on('resize', function(){
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"));
  };
});
$(window).resize(); // for first time
});
相关文章：