按数据属性

时间:2016-04-12 11:56:19

标签: jquery twitter-bootstrap custom-data-attribute

我有一个签到人员列表,我正在以2列宽度列输出它们。这意味着每行有六个条目。数据从数据库中提取出来,并通过签入日期和时间进行排序。

只要我有该列表,我想通过(例如)数据属性对其重新排序。此属性的值为0-15,我想按顺序重新排序。问题是,我可以先设置数据属性,我必须先选择签到的人,然后才能设置数据属性。

我已经阅读过关于bootstrap的push和pull类。这是要走的路吗?

1 个答案:

答案 0 :(得分:2)

我认为推/拉类会让人感到困惑。为什么不使用jQuery对DIV列进行排序:

  var columns = $('[data-order]');
  columns.sort(function(a, b){
      return $(a).data("order")-$(b).data("order")
  });

  $("#list").html(columns);

http://bootply.com/NppP4pEetz

相关问题