jquery 如果宽度小于，则更改此属性

Question

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

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

Answer 1

将事件绑定(bind)到 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');
    }
})