jQuery 在 DOM 中移动 div

Question

我知道这个问题已经被问过很多次了，但我不明白我的代码有什么问题。

我有一系列 DIV“列”，其中包含一些“对象”DIV。我正在尝试使用下面的代码将对象 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);