Как перетаскивать div с jQuery без использования jQuery UI?

Question

Я пытаюсь выучить jQuery и хочу переместить div с классом .drag. а не вне div с идентификатором # siteHolder

В данный момент я не хочу использовать пользовательский интерфейс jQuery.

Любые советы и учебники были бы хорошими.

Answer 1

Вы можете реализовать это вручную, обрабатывая события перемещения и нажатия мыши.

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

Вы можете получить вдохновение из кода пользовательского интерфейса jquery, если вам нужно.

Answer 2

ppDrag - это плагин Drag & Drop для jQuery, который имитирует интерфейс Dragable в пользовательском интерфейсе jQuery. В настоящее время поддерживается небольшое подмножество его параметров, но реализация отличается (ppDrag фокусируется на производительности).

Разница в скорости более заметна с более медленными процессорами. Кроме того, из-за оптимизации движка JavaScript в браузерах последнего поколения разница в скорости меньше, чем в старых браузерах. Например, разница в Firefox 2 больше, чем в Firefox 3.

Поддерживаются все основные существующие браузеры. Это включает IE6 / 7, Firefox1 / 2/3, Opera, Konqueror, Safari и, возможно, другие.

Plug-In