jquery - jQuery function when screen resizing

Question

I want to add a class to an element when the screen width is smaller than 979px. Also when the screen is adjusting and wider than 979px, above added class should be removed.

This is the code I've tried, but its not working.

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

Please help me fix this.

Thanks and Regards.

Answer 1

これを試して：

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

Answer 2

これが必要なものだと思います: resize。