調整屏幕大小時的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。