jquery draggable и resizable не работает над клонированным div

Question

У меня есть div с возможностью перетаскивания и изменения размера jQuery UI. Я клонировать div и добавить его к тому же родителю:

<div class="drag resize"> ... </div> 

$(".drag").live("mouseenter", function() { $(this).draggable(); }); 
$(".resize").live("mouseenter", function() { $(this).resizable(); }); 

$("div").clone(true).appendTo($("div").parent()); 

Клон создан успешно, но когда я пытаюсь перетащить его, один тащит оригинальная. Изменение размера также не работает. Может ли кто-нибудь объяснить мне, что здесь происходит?

Answer 1

Вы хотели бы смотреть на это ТАК размещать jQuery UI resizable cloned element(.clone(true)) doesn't resize - удаление обработчиков изменения размера перед нанесением изменяемыми() на клонированный элемент работал для меня

Answer 2

Я использовал бы обработчик события .on и приложил его к родительскому элементу этого div.

$(".drag").parent().on("mouseenter", ".drag", function() { $(this).draggable(); });