Скриптакулярная сортируемая матрица

Question

Я пытаюсь создать сортируемую матрицу изображений 5x5, используя библиотеку сценариев JavaScript, но не могу заставить ее работать.

Я пытаюсь использовать таблицу, но у меня возникают проблемы при связывании <td> с объектом Sortable.

У вас, ребята, есть какие-нибудь подсказки или документы, через которые я могу создать это?

Спасибо

Answer 1

Используйте плавающие DIV, а не таблицы.

1) Создайте класс в вашей таблице стилей для ваших блоков.

.boxes {
  float:left;
  width:150px;
  height:150px;
  border:1px solid #cccccc
}

2) Сделайте контейнер для ваших коробок. и положите коробки внутрь.

<div id='container' style='width:750px;height:750px;'>
<div id='box1' class='boxes'></div>
...etc
</div>

3) Сделай свой сортируемый

Sortable.create('container',{tag:'div'})

Доступна демоверсия этого типа вещей здесь .

Напишите мне, если вам нужна дополнительная помощь.