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

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

这似乎工作正常，在浏览器刷新时，如何resize时的行为？ 例如：如果有人让他们的浏览器窗口变小，它会添加这个类吗？

Answer 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'); } }) 

Answer 2

将代码放在一个常用函数中，而不是从window.resize（）调用它

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