相关疑难解决方法(0)

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

我有一个可拖动列表(.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).

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

非常感谢,阿里.

jquery replace list jquery-ui-sortable

7
推荐指数
2
解决办法
1万
查看次数

标签 统计

jquery ×1

jquery-ui-sortable ×1

list ×1

replace ×1