小编Huu*_*uub的帖子

我想将可拖动项添加到可排序列表中,这在http://jsbin.com/ipese5/35上的示例中运行正常

问题是我想在拖动到可排序列表时更新克隆项的id.奇怪的是,以下代码在de ui对象中将id更新为"new-id"(我可以在我的控制台中看到),但实际页面html上的id没有更改.有人有解决方案吗？

$( "#init .block" ).draggable({
  helper: "clone",
  connectToSortable: ".list"
});

$(".list").sortable({
  connectWith: ".list",
  receive: function(event, ui) {
    $(ui.helper).attr("id","new-id");
    console.log(ui); 

    // surprisingly the next line works fine, but is not neccesary
    // $(ui.item).attr("id","new-id");
  }
});

<div id="init">
  <div id="new" class="block">Drag me</div>
  <div id="new" class="block">Drag me</div>
  <div id="new" class="block">Drag me</div>
</div>

<div class="list">
  <div class="block">Sort me</div>
  <div class="block">Sort me</div>
</div>