jQueryUI Draggable: ошибка с динамически добавленным элементом

Question

Я немного расширил пример jQueryUI «Draggable + Sortable» (http://jqueryui.com/demos/draggable/sortable.html), чтобы он мог динамически добавлять перетаскиваемые элементы. Живой пример можно найти здесь: http://jsfiddle.net/MLSqa.

После нажатия кнопки Добавить новый перетаскиваемый элемент изящно добавляется в список #sortable.

Но. При попытке переместить его мышью (1-й раз) он внезапно переходит в верхний левый угол. И только 2-я попытка сдвинется с места.

Как исправить такое странное поведение? Как правильно перетащить добавленный элемент?

Answer 1

Проверьте обновление: http://jsfiddle.net/MLSqa/1/

Вам не нужно «воссоздавать» перетаскиваемый элемент для нового элемента. Просто добавьте новый элемент к уже существующему перетаскиваемому элементу.

Я также удалил $ перед полем переменной. Вы можете положить это обратно, если хотите.