javascript - jQuery 在 DOM 中移动 div

Question

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

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

我没有收到任何错误，客户端上什么也没有，调试中也没有任何错误提示。

任何人都可以建议为什么以下不起作用？

$(".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);