Sortable/Draggable и custom DIV

Question

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

Fidle, что я в настоящее время http://jsfiddle.net/TxYh2/1/

Я пытался что-то вдоль линий

 update: function (event, ui) { 
      $(document).on('click', 'ul a', function() { 
       $("#dialog-message").dialog(); 
      }); 

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

Как только один из шаблонов X удаляется в предыдущий список, как я могу получить ссылку, которая откроет Div специально для этого элемента? Я пробовал все, что мог, но я пока не разбираюсь в JQuery.

Спасибо за предоставленную помощь.

Answer 1

Я считаю, что обновленная скрипка на http://jsfiddle.net/TxYh2/3/ показывает, как делать то, что вы хотите. Изменение заключается в следующем:

ui.item.off('click').on('click', 'a', function() { 
     ui.item.append('<div>Properties for ' + ui.item.text() + '</div>'); 
    }); 

Главное, чтобы прикрепить слушателя событий к определенному элементу, который добавляется, либо не весь документ, который вы можете получить, используя ссылку ui.item. Эта ссылка также позволяет вам получить информацию об элементе, добавляемом для вашего нового свойства div.