.remove() не удаляет все содержимое

Question

У меня есть jsfiddle here - где я делаю изображение, изменяемое по размеру и перетаскиваемое в функции «Готов». Отбрасываемый div также создан, чтобы принять размер изображения .ui-wrapper, поэтому изображение можно перетащить и опустить в div. В обработчике падения я хочу полностью удалить ui.draggable из раскрывающегося div, так как там будет что-то еще.

Я пытался сделать это с remove():

ui.draggable.remove(); 

, которые должны были удалены .ui-обертку и все внутри, в соответствии с моим чтением ссылки JQuery. Но это только удаление внешней ui-обертки и уход из img-элемента.

Кто-нибудь знает, что происходит?

Благодаря

Answer 1

Я действительно не знаю, почему , я буду смотреть в JQuery UI-ядро и обновление ответ позже, но я уверен, что это что-то делать с заказом из события стрельбы

В качестве временного решения можно сделать

var ele = e.toElement ? e.toElement : e.relatedTarget; 
$(ele).remove(); 

На данный момент.

Тернарная проверка - поддержка кросс-браузера.

Answer 2

Это потому, что draggable - это массив. Вы можете удалить первое перетаскивание следующим образом:

ui.draggable[0].remove()