jquery - 调整屏幕大小时的 jQuery 函数

Question

当屏幕宽度小于 979px 时，我想为元素添加一个类。此外，当屏幕正在调整且宽度超过 979 像素时，应删除上面添加的类。

这是我尝试过的代码，但它不起作用。

$(document).ready(function(){
   if(screen.width < 979) {
       $('.social').addClass('hide');
   }
});

请帮我解决这个问题。

谢谢并恭祝安康。

Answer 1

试试这个：

$(document).ready(function () {
  $(window).resize(function () {
    if ($(window).width() < 979) {
      $('.social').addClass('hide');
    } else {
      $('.social').removeClass('hide');
    }
  });
});

Answer 2

我想这就是你需要的：resize。