JQueryUI: зайти в контейнер, добавить и вернуть - PullRequest
Новая
       13

JQueryUI: зайти в контейнер, добавить и вернуть

1 голос
/ 17 февраля 2011

Я застрял с JQueryUI.В частности, у меня есть следующий HTML-код: 

<div class="from">
 <div class"item">Item 1</div>
 <div class"item">Item 2</div>
 <div class"item">Item 3</div>
</div>

<div class="to"></div>

Теперь я хочу сделать элементы перетаскиваемыми и сбрасываемыми в поле «to» через библиотеку JQueryUI.Поэтому я использую этот фрагмент javascript: 

$('.item').draggable({
  revert: true
});

$('.to').droppable({
  drop: function(event, ui) {
    ui.draggable.appendTo(this);
  }
});

Хотя с точки зрения результата это работает идеально, анимация, обрабатывающая «возврат», не работает так, как я хочу.Проблема в том, что перетаскивание, очевидно, реализуется путем установки «position :lative», а затем изменения свойств «top» и «left» css.Как только элемент присоединяется к новому контейнеру (что происходит до анимации возврата), он переходит на новую позицию, поскольку теперь он позиционируется относительно нового контейнера.Анимация возврата теперь начинается с новой позиции.

Можно ли получить плавную анимацию возврата после присоединения элемента к новому контейнеру?Возможно, я поступаю совершенно неправильно, поэтому, пожалуйста, не стесняйтесь предлагать какой-либо другой подход.

Я пытался пересчитать свойства css left и top на основе абсолютной позиции новых контейнеров, ноэто, конечно, работает только для первого выпавшего предмета, второй должен дополнительно учитывать позицию первого предмета.

Спасибо.

...