屏幕大小调整时的jQuery功能

Question

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

这是我尝试过的代码，但它没有用。

$(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。