Javascript 可排序容器/边界

我正在尝试为我的可排序项目创建边界。我看到了这个问题/答案：

并试图将我的JS基于此，但无论出于何种原因，每当我在UL周围添加容器时，我都会失去顶部和底部的容器，用户可以将项目拖到cotnainer之外：

嘿，骗子骗子，这是没有小提琴的代码：

工作

$（函数（）{
$（“.sortable”）.sortable({
轴：‘y’，
遏制：“家长”
}).disableSelection（）；
});
ul{
利润率：20px 0 0 20px；
边框：1px实心#000；
宽度：70%；
溢出：隐藏；
位置：相对位置；
列表样式类型：无；
保证金：0；
填充：0；
}
李{
背景：#ccc；
边框顶部：1px实心#000；
填充：10px 5px；
光标：移动；
}   
李：第一个孩子{
边界顶部：0；
}



第一项
第二项
第三项
第四项
第五项
您在第二个脚本的javascript中键入了“containment”。
叹息fml。。。我必须在我自己的项目上做两次，当我做这个小提琴的时候。。。谢谢发生在我身上的事情比我想承认的还要多。有时所需要的只是一个已经有一段时间没有盯着它看的人：）