按数据属性重新排序 bootstrap 列
Reorder bootstrap columns by data-attribute
我有一个签到人员列表,我将它们输出到 2 列宽度的列中。这意味着我每行有六个条目。数据从数据库中取出,并按签入日期和时间排序。
一旦有了该列表,我就想通过(例如)数据属性对其进行重新排序。此属性的值介于 0-15 之间,我想将其降序排列。问题是,我一开始不能设置那个数据属性,我必须先select签到的人,然后我才能设置数据属性。
我已经阅读了 bootstrap 的推拉 类。这是要走的路吗?
我认为 push/pull 类 会让人感到困惑。为什么不使用 jQuery:
对 DIV 列进行排序
var columns = $('[data-order]');
columns.sort(function(a, b){
return $(a).data("order")-$(b).data("order")
});
$("#list").html(columns);
我有一个签到人员列表,我将它们输出到 2 列宽度的列中。这意味着我每行有六个条目。数据从数据库中取出,并按签入日期和时间排序。
一旦有了该列表,我就想通过(例如)数据属性对其进行重新排序。此属性的值介于 0-15 之间,我想将其降序排列。问题是,我一开始不能设置那个数据属性,我必须先select签到的人,然后我才能设置数据属性。
我已经阅读了 bootstrap 的推拉 类。这是要走的路吗?
我认为 push/pull 类 会让人感到困惑。为什么不使用 jQuery:
对 DIV 列进行排序 var columns = $('[data-order]');
columns.sort(function(a, b){
return $(a).data("order")-$(b).data("order")
});
$("#list").html(columns);