2016-04-12 3 views
0

У меня есть список зарегистрированных пользователей, и я выводил их в столбцах шириной 2 столбца. Это означает, что у меня есть шесть записей для каждой строки. Данные извлекаются из базы данных и упорядочиваются по дате и времени проверки.Переупорядочить столбцы начальной загрузки по атрибуту data

Как только у меня есть этот список, я хочу изменить его на (например) атрибут данных. Этот атрибут имеет значения от 0 до 15 и я хочу изменить порядок его спуска. Проблема в том, что я могу установить этот атрибут данных не поначалу, сначала я должен выбрать проверенных людей, а затем установить атрибут data.

Я прочитал о классах push и pull для бутстрапа. Это путь?

+0

Пожалуйста, создайте воспроизводимый пример. – ZimSystem

+0

Я создал эту скрипку: https://jsfiddle.net/t5348vp8/ Я хочу заказать столбцы атрибутом data-order. –

ответ

2

Я думаю, что классы push/pull будут запутываться. Почему бы просто не сортировать столбцы DIV с помощью JQuery:

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

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

http://bootply.com/NppP4pEetz

+0

Работает. Благодаря! –

Смежные вопросы