我有一个可拖动列表(.field),您可以将项目拖放到可排序列表(.sortlist)中.我是这样做的,因为我不希望主列表(.field)以任何方式改变.它工作正常,除了我无法弄清楚如何操作可排序列表中的删除字段.
我可以通过在droppable()中的'drop:'函数中使用以下函数从可拖动区域到可放置区域执行此操作:
$(this).append('html code here to change content of dragged field');
Run Code Online (Sandbox Code Playgroud)
但是这在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>');
}
});
Run Code Online (Sandbox Code Playgroud)
$(ui.item).replaceWith更改正在拖动的主字段,因此这不起作用.我尝试了$(this).replaceWith,但更新了可排序区域(.sortlist).
知道我需要什么代码来引用被拖动的项目吗?
非常感谢,阿里.