当我们通过jquery将元素移动到新框中时，如何在新框中显示它

我的页面中有一些列，我希望它们的对象可以在这些列之间拖动。这是我写的剧本：

  <script>
        $(document).ready(function () {
                $('.application').draggable({
                    helper: 'clone'
                });
                $('.dropzone').droppable({
                    drop:function (event,ui) {
                    var id= $(ui.draggable).attr('id');
                    var box=$(this).attr('id');
                    $.ajax({
                       url: '/application/'+id +'/'+box,
                        type:'GET',
                        data: {"cv_folder_id": box},
                        success: function (data) {
                            console.log(data);
                            $(ui.draggable).remove();
                            $('#'+box).append($(id))
                        }
                        , error: function (data) {
                            console.log(data);


                        }

                    });
                    }
                });

            }
        )
    </script>

$（文档）.ready（函数（）{
$（'.application'）。可拖动({
助手：“克隆”
});
$（'.dropzone'）。可拖放({
drop：函数（事件、用户界面）{
var id=$（ui.draggable.attr（'id'）；
var-box=$（this.attr（'id'）；
$.ajax({
url:'/application/'+id+'/'+box，
类型：'GET'，
数据：{“cv_文件夹_id”：box}，
成功：功能（数据）{
控制台日志（数据）；
$（ui.draggable）.remove（）；
$（'#'+框）。追加（$（id））
}
，错误：函数（数据）{
控制台日志（数据）；
}
});
}
});
}
)

---

一切都做得很好，但我无法使我删除的对象在拖动到另一列后显示在其新列中。我该怎么办？

我想我知道你有什么问题

在javascript中：

remove（）方法删除选定的元素，包括所有文本和子节点

此方法还删除选定元素的数据和事件

要删除元素而不删除数据和事件，请改用detach（）方法

---

要仅删除所选元素中的内容，请使用empty（）方法。

请在问题中提供有关您的问题的更多详细信息，直到我们能够尽可能地帮助您为止。