jquery - jqueryの幅がより小さい場合は、この属性を変更してください

Question

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

これは正常に機能しているようです。ブラウザの更新時に、サイズを変更したときにどのように動作させるのですか？例：誰かがブラウザウィンドウを小さくすると、このクラスが追加されますか？

Answer 1

イベントをjQueryの「サイズ変更」イベントにバインドします

$(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() から呼び出すよりも、コードを 1 つの共通関数に入れます。

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