Jquery UI Draggable Helper функция не создает новый элемент

Question

Я пытаюсь изменить элемент элемента, который перетаскиваю, используя вспомогательные функции. У меня есть следующий пример (который не работает): jsfiddle

Кажется, работает следующий код:

$('#original').draggable();
$('#clone').draggable({helper: 'clone' });

Но если я изменю "клон" на следующее:

$('#clone').draggable({helper: function(e,ui) { return $(ui).clone().html("<p>clone</p>"); }});

У него проблемы.

Любая помощь будет оценена. Спасибо

Answer 1

Попробуйте: http://jsfiddle.net/lotusgodkk/Uxfnc/1/

Обновить:

$('#original').draggable();
$('#clone').draggable({
    helper: function (e, ui) {
        return $(this).clone(true).html("<p>clone</p>"); //Replaced $(ui) with $(this)
    }
});

Надеюсь, поможет.