如何在jQuery中使用append（）与sortable，connectwith

Question

我正试图在jQuery的帮助下创建可拖放的内容。

<div id="sortable1" class="ui-helper-reset">
    <div class="ui-state-default">Item 1</div>
    <div class="ui-state-default">Item 2</div>
    <div class="ui-state-default">Item 3</div>
</div>
<div id="trash"></div>

JQuery代码

$("#sortable1").sortable({
    connectWith: '#trash'
});
$("#trash").sortable({
    connectWith: '#sortable1'
});

如何将html资源添加（追加）到“.ui-state-default”div中，只有在我放入垃圾div之后。提前谢谢

Answer 1

如果我正确地解释您，请将您的#trash.sortable方法修改为此类

$("#trash").sortable({
    connectWith: '#sortable1',
    receive: function(event, ui) {
        $("#sortable1").append('<div class="ui-state-default">New Item</div>');
    }
});

每当您将元素放入垃圾桶时，都会调用receive函数。