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

时间:2014-02-04 20:54:27

标签: jquery jquery-ui menu draggable jquery-ui-sortable

我正在尝试创建一个带有扭曲的jquery sortable。我正在从可拖动的列表中复制该对象,但是当项目被删除时,我希望能够为我刚刚删除的项目启用包含特定信息的div。

我现在拥有的http://jsfiddle.net/TxYh2/1/

我尝试了一些

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

但是我不断添加越来越多的事件处理程序,我不知道如何为每个新创建的元素创建唯一的DIV。

只要其中一个模板X被放到上一个列表中,我怎么能有一个专门为该项打开Div的链接?我已尽力而为,但我对JQuery还不是那么精通。

感谢您提供的任何帮助。

1 个答案:

答案 0 :(得分: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添加的项目的信息。

相关问题