jQuery动态包装元素

时间:2015-05-21 07:00:17

标签: javascript jquery html css

我希望将工作人员包装在一个包装器中,该包装器根据视口的大小动态调整,我的函数就是这样:

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>")
  }
}

如果我不希望它是动态的,那么这是有效的,因此它返回页面加载时包装器中的元素数量,但不会返回浏览器调整大小。我在这里做错了什么?

0 个答案:

没有答案