Очень часто в целях разработки красивого веб-сайта приходится сталкиваться с разработкой функционала передвижения всплывающего окна. В связи с этим было принято решение найти простой и универсальный способ реализации. С разработкой поможет библиотека Draggable (основные её возможности представлены ниже).
Наиболее часто используемые свойства, приведены в таблице ниже:
Свойство | Описание |
---|---|
axis | Отвечает за ограничение перемещения элемента по осям(X,Y), по умолчанию значение стоит – false. |
containment | Ограничивает местоположение перемещаемого элемента. По умолчанию значение – false. |
delay | Определяет время, в течении которого должно осуществится перетаскивание элемента. Значение по умолчанию – 0. |
distance | Определяет расстояние, на которое пользователь должен переместить элемент из его начальной позиции, прежде чем он действительно переместится. Значение по умолчанию – 1px |
grid | Осуществляет принудительную привязку перемещаемого элемента к ячейкам сетки. Значение по умолчанию – false, оно означает отсутствие привязки. |
Полный список опций можно посмотреть тут http://slyweb.ru/jquerydoc/draggable-options.php
// или
Метод | Описание |
---|---|
Draggable("destroy") | Полностью удаляет функциональность взаимодействия Draggable из элемента |
Draggable("disable") | Временно отключает функциональность взаимодействия Draggable для базового элемента |
Draggable("enable") | Включает ранее отключенную функциональность для базового элемента |
Draggable("option") | Позволяет получить или изменить значение одной или нескольких опций |
Событие | Описание |
---|---|
create | Происходит в момент применения взаимодействия Draggable к элементу |
start | Происходит в момент начала перетаскивания |
drag | Происходит при каждом перемещении мыши в процессе перетаскивания элемента |
stop | Происходит в момент отпускания кнопки мыши в процессе перетаскивания |