我希望将工作人员包装在一个包装器中,该包装器根据视口的大小动态调整,我的函数就是这样:
function wrapStaff () {
ww = viewport().width
wh = viewport().height
var divs = $(".right_content > .staff_member")
var c
if(ww >= 1074){
c = 3
} else if (ww <= 1073 && ww >= 901) {
c = 2
} else if (ww <= 900 && ww >= 830) {
c = 3
} else if (ww <= 829 && ww >= 499) {
c = 2
} else if (ww < 499) {
c = 1
}
divs.unwrap()
for(var i = 0; i < divs.length; i+=c) {
divs.slice(i, i+c).wrapAll("<div class='staff_list'></div>")
}
}
如果我不希望它是动态的,那么这是有效的,因此它返回页面加载时包装器中的元素数量,但不会返回浏览器调整大小。我在这里做错了什么?