Javascript jQuery可排序停止在原始父级中删除

我在主干视图中有几个可排序的列表

    this.$(".users:not('.client')").sortable({
            connectWith: ".users:not('.client')",
            helper: 'clone',
            revert: true,
            start: function(e, ui) {
                ui.item.parent().add('droppable-active');
            },
            over: function(e, ui) {
                $('.droppable-active').removeClass('droppable-active');
                $(this).addClass('droppable-active');
            },
            stop: function(e, ui) {
                ui.item.parent().removeClass('droppable-active');
            },
            receive: function(e, ui) {
                //do save
            }
    });

我想要的是阻止用户在其原始父项中删除列表项，并触发保存。如果一个列表项被添加到它的原始父可排序列表中，是否有其他方法可以进行类似的恢复

这是一个可排序列表的jsbin示例

---

我已经编辑了您的代码，请检查

/*
$（“.user\u item”）.draggable({
不透明度：0.7，
助手：“克隆”，
connectToSortable:“.users”，
光标：'move'
});
*/
$（“.users:非（.client）”）。可排序({
连接到：“.users:非（.client）”，
助手：“克隆”，
回复：false，
开始：功能（e、ui）{
ui.item.parent（）.add（'droppable-active'）；
},
结束：功能（e、ui）{
$（'.droppable-active'）.removeClass（'droppable-active'）；
$（this.addClass（'droppable-active'）；
},
停止：功能（e、ui）{
if（$（ui.item）.parent（）[0]==此）{
$（this.sortable（'cancel'）；
返回；
}
ui.item.parent（）.removeClass（'droppable-active'）；
},
接收：功能（e、ui）{
}
});

JS-Bin

哈利波特
阿不思·邓布利多


罗姆韦斯莱
弗雷德·韦斯莱
乔治·韦斯莱


丽塔·斯基特
天狼星布莱克


德拉科·马尔福
内维尔·隆巴顿
Luna Lovegood

-当前，如果您将任何用户重新添加到当前列表中，我无法找到一种方法来取消删除，如果他们被删除到一个已经存在的列表中