$(".section").each(function(i, el){
var section = $('.section');
var width = section.width();
if (width < 960)
section.attr('class', 'section-slim');
});
这似乎工作正常,在浏览器刷新时,如何调整大小时的行为? 例如:如果有人让他们的浏览器窗口变小,它会添加这个类吗?
答案 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
});