jQuery - 操作可排序列表中删除的元素

我有一个可拖动列表（.field），您可以将其中的项目拖放到可排序列表（.sortlist）中。我这样做是因为我不希望主列表（.field）以任何方式改变。它工作得很好，除了我无法弄清楚如何操作可排序列表中的删除字段。

我可以通过在 droppable() 的 'drop:' 函数中使用以下内容，从可拖动区域到可放置区域中执行此操作：

$(this).append('html code here to change content of dragged field');

然而，这在 sortable() 内部不起作用。我的代码如下所示：

$(".sortlist").sortable({
  receive: function(event, ui) {
    var dropElemTxt = $(ui.item).text();
    var dropElemId = $(ui.item).attr('id');
    $(ui.item).replaceWith('<li class="box" id="'+dropElemId+'">Updated field! '+dropElemTxt+'</li>');
  }
});

$(ui.item).replaceWith 更改了正在拖动的主字段，因此这不起作用。我尝试了 $(this).replaceWith，但这会更新可排序区域（.sortlist）。

知道我需要什么代码来引用拖动的项目吗？

非常感谢， 阿里.

您可以将拖动的项目放入停止前 event:

beforeStop: function (event, ui) { draggedItem = ui.item;},
receive: function (event, ui) { /* use draggedItem here*/ }

Using 停止前事件而不是receive对我来说就足够了：

beforeStop: function(event, ui) { 
        var myClassItem = $('.myClass', ui.item);
        myClassItem.bind('click', function(){ /*my function*/ });
    }