Код позволяет перетаскивать любые элементы мышкой методом draggable(). Имеет множество настроек, например - перетаскивание по оси X, Y, сортировка элементов и т.д.

Просто перемещает

Перемещает выбранный элемент .draggable();

Перемещает по X или Y

Перемещает по X или Y .draggable({ axis: "x" });

Перемещает Внутри родителя

Перемещает внутри области .draggable({ containment:'parent' });
Возможные значения: класс, id, parent (родительский элемент), document (текущий документ), window (окно), [x1, y1, x2, y2] - координаты левого верхнего и правого нижнего угла допустимой области.
Сортировка
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5