jQuery在DOM中移动div

Question

我知道这已被问了很多次，但我不明白我的代码有什么不正确。

我有一系列DIV'列'包含一些'对象'DIV s。我正在尝试使用下面的代码将对象DIV从一列移动到另一列。

我没有收到任何错误，只是没有在客户端上，没有任何建议在调试中发现任何错误。

任何人都可以提出为什么以下不起作用？

$(".column-heading").droppable({ 
    accept: ".column-item", 
    drop: function (ev, ui) { 
     //alert(this.id); 
     //alert(ui.draggable.attr("id")); 

     $(ui.draggable.attr("id")).appendTo($(this).parent()); 
    } 
}); 

我想添加/删除从样本列是：

<div class="column"> 
    <div id="COL_1" class="column-heading">Status 1</div> 
    <div id="OBJECT_1" class="column-item">Agreement 1</div> 
    <div id="OBJECT_2" class="column-item">Agreement 2</div> 
</div> 

Answer 1

你会需要连接#与ID选择。

$('#' + ui.draggable.attr("id")).appendTo(this); 

或者说，我相信ui.draggable是一个jQuery对象了，所以尝试：

ui.draggable.appendTo(this);