draggable - перетаскиваемый объект

draggable([methodName, option, value])
draggable([methodName, param_obj])
draggable([param_obj])
$('#draggable').draggable({
    axis: 'x',
    grid: [100, 50]
});

  • methodName

    • destroy - Полностью удаляет функциональность взаимодействия Draggable из эле­мента

    • disable - Временно отключает функциональность взаимодействия Draggable для базового элемента

    • enable - Включает ранее отключенную функциональность взаимодействия Dragga­ble для базового элемента

    • option - Позволяет получить или изменить значение одной или нескольких опций

  • param_obj

    • axis - Ограничивает возможности перемещения определенными направлениями. Значение по умолчанию — false; оно означает отсутствие ограничений, но можно также ука­зать значение x (перемещение только вдоль оси x) или у (перемещение только вдоль оси у)

    • containment - Ограничивает местоположение перемещаемого элемента определенной областью эк­рана. Типы поддерживаемых значений описаны в табл. 23.3. Значение по умолчанию —false; оно означает отсутствие ограничений

      • Селектор - Если указан селектор, перетаскивание перемещаемого элемента ограничивается обла­стью, занимаемой первым подходящим элементом

      • HTML-элемент - Перетаскивание ограничивается областью, занимаемой указанным элементом

      • Строка - Для ограничения области перетаскивания можно указать строку, содержащую одно из следующих значений: parent, document, window

      • Числовой массив - Область перетаскивания можно ограничить, определив ее числовым массивом формата [xl, у 1 / x2, y2]

    • connectToSortable

    • create - Происходит в момент применения взаимодействия Draggable к элементу

    • delay - Определяет время, в течение которого должно осуществляться перетаскивание элемен­та, прежде чем он переместится. Значение по умолчанию — о; оно означает отсутствие задержки

    • distance - Определяет расстояние, на которое пользователь должен перетащить элемент из его начальной позиции, прежде чем он действительно переместится. Значение по умолча­нию — 1 пиксель

    • drag - Происходит при каждом перемещении мыши в процессе перетаскивания элемента

    • grid - Осуществляет принудительную привязку перемещаемого элемента к ячейкам сетки. Значение по умолчанию — false; оно означает отсутствие привязки

    • start - Происходит в момент начала перетаскивания

    • stop - Происходит в момент отпускания кнопки мыши в процессе перетаскивания