可排序/可拖动和自定义 DIV

Question

我正在尝试创建一个可排序的 jquery。我正在从可拖动列表中复制对象，但是，当项目被删除时，我希望能够为我刚刚删除的项目启用具有特定信息的 div。

我目前拥有的文件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 添加的项目的信息。