jquery如果width小于,则更改此attr

时间:2012-07-07 19:03:01

标签: jquery resize width

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

这似乎工作正常,在浏览器刷新时,如何调整大小时的行为? 例如:如果有人让他们的浏览器窗口变小,它会添加这个类吗?

2 个答案:

答案 0 :(得分:4)

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

答案 1 :(得分:0)

将代码放在一个常用函数中,而不是从window.resize()

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