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

【问题标题】：jquery if width is less than, change this attrjquery如果宽度小于，改变这个attr
【发布时间】：2012-07-08 03:29:23
【问题描述】：

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

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

【问题讨论】：

标签： jquery resize width

【解决方案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');
    }
})

【讨论】：

非常感谢！如果宽度调整为等于或宽于 960，我知道如何修改它以删除该类吗？我没有成功添加： if (width > 960) section.attr('class', 'section');
另外，这不仅可以在调整大小的情况下工作吗？例如：如果某人的窗口在页面加载时实际上小于 960？
.on 可以绑定多个事件。试试 $(window).on("resize load", function() {})

【解决方案2】：

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

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

【讨论】：