的jquery如果宽度小于,改变该ATTR(jquery if width is less than

2019-09-19 05:26发布

    $(".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称之为一个共同的功能()

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


文章来源: jquery if width is less than, change this attr