Вопрос по javascript – Перетащите, чтобы изменить порядок списков HTML

29

У меня есть приложение, для которого я хотел бы иметь возможность перетаскивать и изменять порядок и расставлять цвета по группам. JQuery & APOS; sсортировка для сетки кажется довольно неотзывчивым и немного глючным.microjs рекомендуетDragDrop от kbjr, но эта библиотека не имеет понятия списков, только подвижные объекты.SproutCore имеет хорошую реализацию, но я не могу найти демонстрацию того, как она работает для сетки.

Мой пользовательский интерфейс выглядит так:

groups of colours

и я хотел бы, чтобы пользователи могли перетаскивать цвета внутри групп, а также перетаскивать их между группами.

Вопрос, который нужно задать: есть ли цель для временной группировки? Я думаю, что да. Предполагая это - вы должны действительно начать @ & quot; что это за коллекции & quot; в том смысле, как вы их связываете и как эта связь имеет значение для конечного пользователя. отредактируйте (извините, нажмите ввод), вам нужно будет прослушать места размещения с перетаскиванием, и, вероятно, лучший (самый простой?) подход - это массовое назначение / отмена назначения классов. Эти классы должны быть репрезентативными для коллекций на некотором уровне, и вам, вероятно, понадобится несколько или более, чтобы правильно описать это поведение - edit2-I 'частично к Jquery.so id начинаются там Brandt Solovij

Ваш Ответ

3   ответа
10

я узнал чтоthis (Nastable) немного более полезен, так как обладает возможностями вложения.

Update На самом деле в конечном итоге с помощьюthis плагин с большим количеством опций.

Надеюсь, поможет. Ура!

25

так как этот вопрос возник в поиске. HTML5Sortable больше не поддерживается. Рекомендуемая библиотекаСортируемый. Size: 12kb minified.

Код:

var sortable = Sortable.create($('#items'));

Надеюсь, это поможет следующему страннику.

нет зависимости от jQuery +1
43

этот: HTML5 Сортируемый. Это плагин jQuery для создания сортируемых списков и сеток с использованием встроенного API перетаскивания HTML5.

+1 но у меня проблема. Я не могу заменить первый товар. Я имею в виду, если я перетаскиваю второе или третье на первое место, первое не заменяется. Что может быть не так? Спасибо!
Оригинальный Html5Sortable Али Фархади активно не поддерживается. Вилка от Александру Бадиу - лучший выбор. Увидетьgithub.com/voidberg/html5sortable.
Абсолют, я люблю это ^^
После сортировки как мне получить текущий заказ.
О, чувак, это здорово. Спасибо! : D nornagon

Похожие вопросы