Попытка сделать динамически создаваемый элемент перетаскиваемым

Question

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

$("#in"+index.toString()).draggable({cancel:true});

после того, как добавляю его в div контейнера, он не работает.В основном это не работает для динамически создаваемого элемента ввода определенного идентификатора.Вот код и, пожалуйста, не стесняйтесь указывать на проблемы.Я мог бы действительно использовать некоторую помощь в этом.Спасибо!

http://jsfiddle.net/ithril/hRCun/5/

Answer 1

Проблема в том, что вы создаете новый элемент, который не связан с функциями пользовательского интерфейса. Я бы предложил использовать clone(true,true) и затем изменить параметры клонированного элемента по мере необходимости. Вы можете узнать больше о клоне здесь. http://api.jquery.com/clone/