jquery плагин перетаскивания

drag-arrange.js — плагин jQuery для перетаскивания HTML элементов

Очень простой jQuery плагин для смены позиции элемента путем перетаскивания. Не требует лишних зависимостей, минимальный размер, удобная настройка.

Если у Вас стоит задача реализовать пользовательский интерфейс, в котором будет присутствовать необходимость перетаскивания элементов, то библиотека drag-arrange.js – это Ваше решение.

Использование плагина jQuery UI перетащить один блок в другой

Подключаем скрипт (не забудьте также подключить саму jQuery):

HTML структура будет следующая:

Для стандартного использования всех элементов с единым классом:

В случае, если хотите указать определенную область, которая будет отвечать за взаимодействие с пользователем:

Т.е. перетаскиваться будут все элементы li, если пользователь кликнет на элемент с классом .drag-area.

Быстро и элементарно. Скачать плагин jQuery UI перетащить один блок в другой можно по ссылке выше.

974 просмотров
В поисках шаблона для сайта?