Jquery 先分类后删除

我想在丢弃物品之前对其进行排序

这是我的密码

$(function () {
    $('.box').draggable({
        revert: true
    });
    $('.dest').droppable({
        accept: '.left .box',
        drop: function (event, ui) {
            $newElt = $('<div class="box"></div>');
            $newElt.appendTo(this);
        }
    });
    $(".dest").sortable();
});

$（函数（）{
$（'.box'）。可拖动({
回复：真
});
$（'.dest'）。可拖放({
接受：'.left.box'，
drop：函数（事件、用户界面）{
$newElt=$（''）；
$newElt.appendTo（本）；
}
});
$（“.dest”）.sortable（）；
});

这是一个很好的例子

这就像我想做的一样（）

$（函数（）{
$（'.box'）。可拖动({
回复：真
});
$（'.dest'）。可拖放({
接受：'.left.box'，
drop：函数（事件、用户界面）{
$（'.dest'）。可排序（'refresh'）；
$newElt=$（''）；
$newElt.appendTo（本）；
}
});
$（“.dest”）。可排序({
回复：50，
强制占位符大小：true
});
});

在放下之前，您希望对哪些项目进行排序？根据什么标准？在删除之前如何排序？如果没有，则设置为还原dropped@Raika根据什么标准对职位进行排序？你所拥有的只是一个空白框。但是@Raika你所要求的没有任何意义，演示没有任何排序。你的意思是说你想按排序顺序插入新元素，而不是附加它？如果这没有帮助，请检查post。该链接有很多帮助和作用，但我还想要一件事。通过某个边框或某物显示放置位置，这将是

占位符方法。是否有任何示例？
$(function () {
    $('.box').draggable({
        revert: true
    });
    $('.dest').droppable({
        accept: '.left .box',
        drop: function (event, ui) {
            $('.dest').sortable('refresh');
            $newElt = $('<div class="box"></div>');
            $newElt.appendTo(this);
        }
    });
    $(".dest").sortable({
        revert:50,
        forcePlaceholderSize: true
    });
});