丢弃前排序答案

【问题标题】：Sort Before Drop丢弃前排序
【发布时间】：2013-12-02 04:27:08
【问题描述】：

我想在丢弃物品之前对其进行分类。

这是我的代码

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

这是JSFiddle。

这就像我想做的（Example）

【问题讨论】：

您要在丢弃之前对哪些项目进行排序？依据什么标准？
如何在 drop 之前进行排序？如果未删除，则设置为还原
@Raika 根据什么标准排序位置？你所拥有的只是一个空白框。
但是@Raika 你所问的没有意义，并且演示没有任何需要排序的东西
也许你的意思是说你想按排序顺序插入新元素，而不是追加它？

标签： jquery jquery-ui

【解决方案1】：

jsFiddle Demo

$(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
    });
});

【讨论】：

如果这没有帮助，请查看this 帖子。
该链接有很大帮助，但我还想要一件事。显示某个边框或其他东西的放置位置
那就是placeholder 方法。
有什么例子吗？