JQuery UI Draggable Абсолют вместо относительного?

Question

У меня есть div, содержащий несколько перетаскиваемых jquery, однако, если в какой-то момент я удаляю один из этих перетаскиваемых объектов со страницы, тогда это может переместить остальные из них, поскольку они расположены относительно.

Здесьскрипка, демонстрирующая это: http://jsfiddle.net/VolatileStorm/aNk6e/

Мое предлагаемое решение состоит в том, что перетаскиваемый объект должен использовать абсолютное, а не относительное позиционирование, однако я не могу найти способ сделать это.Есть ли способ сделать это, и если нет, кто-нибудь может придумать способ обойти это?(Ради элегантности я не приму "не удаляй другое перетаскиваемое").

Answer 1

Почему position:absolute не работает для вас?

Поскольку абсолютно позиционированные элементы больше не являются частью потока документов, каждый из ваших трех <div> размещается в0,0 его содержащего (позиционированного) элемента.Таким образом, вы должны определить исходную позицию ваших перетаскиваемых .

Answer 2

1. Добавьте position:absolute к вашим элементам.
2. Прикрепите их к DOM до вызова .draggable.

Answer 3

Вы можете установить абсолютную позицию, используя функцию jQuery css при установке элемента для перетаскивания.

$(this).draggable().css("position", "absolute");

Answer 4

Возможно, не самые лучшие идеи, но ... Вы можете расположить все соответствующие элементы div, используя positon: относительный;и затем включите вызов функции в ваш или $ ("document"). ready (), если вы используете jQuery, который перебирает каждый из div-ов, чтобы перевести их относительные позиции в абсолютные и установить их как их левые, верхние передизменение их в положение: абсолют.Единственная проблема здесь заключается в том, что вы хотите, чтобы каждый элемент div занимал абсолютную позицию перед обновлением своих стилей, чтобы не изменять макет с помощью итерации.