dropable

Создание области падания элементов (например, у вас есть корзина товаров в интернет магазине, куда будут падать элементы, перенесённые в необходимую область мышкой)

dropable([methodName, option, value])
dropable([methodName, param_obj])
dropable([param_obj])
$('#dropable').dropable({
});
  • methodName

    • destroy - Полностью удаляет функциональность взаимодействия Droppable из эле­мента
    • disable - Временно отключает функциональность взаимодействия Droppable для базового элемента
    • enable - Включает ранее отключенную функциональность взаимодействия Droppable для базового элемента
    • option - Позволяет получить или изменить значение одной или нескольких опций
  • param_obj

    • accept - Сужает множество перемещаемых элементов, на которые будет реагировать прини­мающий элемент. Значение по умолчанию — *; ему соответствует любой элемент
    • activate - Происходит, когда пользователь начинает перетаскивать перемещаемый элемент
    • activeClass - Определяет класс, который будет присваиваться в ответ на событие activate и уда­ляться В ответ на СОбытие deactivate
    • create - Происходит в момент применения взаимодействия Draggable к элементу
    • deactivate - Происходит, когда пользователь прекращает перетаскивать перемещаемый элемент
    • disabled - Если эта опция равна true, то функциональность взаимодействия Droppable первона­чально отключена. Значение по умолчанию — false
    • drop - Происходит, когда пользователь оставляет перемещаемый элемент на принимающем элементе
    • fit - Перетаскиваемый элемент должен полностью находиться в области принимающего элемента
    • helper
    • hoverClass - Определяет класс, который будет присваиваться в ответ на событие over и удалятьсяв ответ на событие out
    • intersect - Перетаскиваемый элемент должен перекрываться с принимающим элементом по крайней мере наполовину. Это значение используется по умолчанию
    • out - Происходит, когда пользователь перетаскивает перемещаемый элемент за пределы принимающего элемента
    • over - Происходит, когда пользователь перетаскивает перемещаемый элемент над прини­мающим элементом (но при условии, что кнопка мыши еще не была отпущена)
    • pointer - Указатель мыши должен находиться в области принимающего элемента, независимо от того, где именно перетаскиваемый элемент был захвачен пользователем
    • scope
    • snap
    • snapMode
    • snapTolerance
    • tolerance - Определяет минимальную степень перекрывания, при которой происходит событие over
    • touch - Означает любую степень перекрывания перетаскиваемого и принимающего элементов