jquery - jquery如果宽度小于，改变这个attr

Question

    $(".section").each(function(i, el){
    var section = $('.section');
    var width = section.width();
    if (width < 960)
        section.attr('class', 'section-slim');
});

这似乎工作正常，在浏览器刷新时，我如何使它在调整大小时起作用？例如：如果有人把他们的浏览器窗口变小，它会添加这个类吗？

Answer 1

将事件绑定到 jQuery 的“resize”事件

$(window).on("resize load", function () {
    $(".section").each(function(i, el){
    var section = $('.section');
    var width = section.width();
    if (width <= 960) {
        section.attr('class', 'section-slim');
    }
})

Answer 2

将您的代码放在一个通用函数中，而不是从 window.resize() 调用它

$(window).resize(function() { //you can call your function here
    // do something here
});