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);

jQuery在DOM中移动div

1 个答案: