如何在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'
});

仅在我进入该垃圾箱div之后，如何才能将html资源添加（附加）到该“ .ui-state-default” div中。 提前致谢

Answer 1

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

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

每当将元素放入回收站div中时，都会调用receive函数。