Javascript jQuery sortable onDrop事件冻结页面

我正在使用库创建可重新排列的嵌套

元素（不要与混淆），当我尝试在

onDrop

事件中执行代码（

console.log

）时，页面冻结，拖动的

元素变得透明，并在页面上浮动到其他元素之上（类似于

位置：绝对
和
不透明度：0.5
）

工作示例：

我的代码：
在测试代码时，我没有得到页面冻结，但被拖动的元素在拖放后从未从中删除.draugd类。也许你的意思是它似乎冻结了

无论哪种方式，在执行代码时，控制台上都会出现错误

未捕获的TypeError:无法读取未定义的属性“组”

看看代码，_super方法被定义为最多有4个参数，但看起来它只需要2个参数


非缩小版


但是，您只需要传递1，item。并且从文档页面中，所有使用
\u super（）
的示例都使用两个参数，一个是item，另一个是container

_super(item,container)

因此，一旦您传入
容器
，问题就不再存在了


$（“.placeholder children”）.dropable({
drop：函数（事件、用户界面）{
警报（“已删除”）；
}
});
$（函数（）{
$（“ol.tree”）。可排序({
组：“序列化”，
onDrop：功能（项目、容器、超级）{
警报（“a”）；
container.el.removeClass（“活动”）
_超级（物品、容器）
}
});
})
body.drawing，
正文*{
光标：移动！重要；
}
.拖{
位置：绝对位置；
不透明度：0.5；
z指数：2000；
}
老树{
背景色：#FFF；
利润率：10px；
填充：10px；
}
ol{
列表样式类型：无；
列表样式：无；
}
欧利{
背景：无重复滚动0 0#eeeeee；
边框：1px实心#中交；
颜色：#0088cc；
显示：块；
保证金：5px；
填充物：5px；
线高：18px；
}

首先

第二个

第三
首先
第二个
第三
首先
第二个
首先
第二个


第四个
第五名
第六个
您的代码应该发布在问题中，因为链接可能会腐烂，用户不必访问第三方网站来查看您的代码。我认为，当代码本身太长而无法发布在问题上时，这是一个好做法，许多高代表性用户使用可靠的第三方代码共享服务，如codepen和JSFIDLE，这是唯一的合作伙伴最重要的是javascript、CSS和HTML是次要的，而且实际上并没有那么大。他们自己的代码演示服务stacksnippets也是如此（只需点击编辑器中的代码按钮）.Codepen和其他网站只有在您的代码无法通过stacksnippets演示时才真正需要。我仍然使用第三方工具，它们提供更好的代码编辑工具，如语法高亮显示、自动完成、实时预览以及stacksnippets没有的一系列功能
onDrop: function ($item, container, _super, event) {
   $item.removeClass(container.group.options.draggedClass).removeAttr("style")
   $("body").removeClass(container.group.options.bodyClass)
},

_super(item,container)