Javascript 可分类潜水艇在泳道上被推倒

我有一个带有可排序泳道的板，其中包含多个div项（想想水平看板板）。当我抓住一件物品移动它时，尽管泳道上的所有物品都被向下推。我一直在忙这个，希望你们能帮我

这里有一个链接到我的

$（函数（）{
$（“.swime lane wrapper”）
.可排序({
轴：“Y”，
句柄：“.类别框”，
连接：“.swim lane包装器”，
})
.disableSelection（）；
});
$（函数（）{
$（“.sortable”）
.可排序({
连接到：“.sortable”，
})
.disableSelection（）；
});
。游泳道{
显示：内联块；
空白：nowrap；
浮动：左；
宽度：90%；
高度：100px；
边框：1px纯红；
}
.分类箱{
显示：内联块；
空白：nowrap；
浮动：左；
背景色：#FFF3CC；
边框：#DFBC6A 1px实心；
宽度：75px；
高度：50px；
保证金：5px；
填充：10px；
字体大小：12px；
空白：正常；
文本对齐：居中；
盒影：2px 2px 2px#999；
光标：移动；
}
.物品箱{
显示：内联块；
背景色：#edf3ff；
边框：6d71db 1px实心；
宽度：75px；
高度：50px；
保证金：5px；
填充：10px；
字体大小：12px；
空白：正常；
文本对齐：居中；
盒影：2px 2px 2px#999；
光标：移动；
}

“第1类”
“请将这长串文本换行！”
“请将这长串文本换行！”
“请将这长串文本换行！”
“第2类”
“请将这长串文本换行！”
“请将这长串文本换行！”
“请将这长串文本换行！”
添加
垂直对齐：顶部至
。项目框


$（函数（）{
$（“.swime lane wrapper”）
.可排序({
轴：“Y”，
句柄：“.类别框”，
连接：“.swim lane包装器”，
})
.disableSelection（）；
});
$（函数（）{
$（“.sortable”）
.可排序({
连接到：“.sortable”，
})
.disableSelection（）；
});
。游泳道{
显示：内联块；
空白：nowrap；
浮动：左；
宽度：90%；
高度：100px；
边框：1px纯红；
}
.分类箱{
显示：内联块；
空白：nowrap；
浮动：左；
背景色：#FFF3CC；
边框：#DFBC6A 1px实心；
宽度：75px；
高度：50px；
保证金：5px；
填充：10px；
字体大小：12px；
空白：正常；
文本对齐：居中；
盒影：2px 2px 2px#999；
光标：移动；
}
.物品箱{
显示：内联块；
垂直对齐：顶部；
背景色：#edf3ff；
边框：6d71db 1px实心；
宽度：75px；
高度：50px；
保证金：5px；
填充：10px；
字体大小：12px；
空白：正常；
文本对齐：居中；
盒影：2px 2px 2px#999；
光标：移动；
}

“第1类”
“请将这长串文本换行！”
“请将这长串文本换行！”
“请将这长串文本换行！”
“第2类”
“请将这长串文本换行！”
“请将这长串文本换行！”
“请将这长串文本换行！”
添加
垂直对齐：顶部至
。项目框


$（函数（）{
$（“.swime lane wrapper”）
.可排序({
轴：“Y”，
句柄：“.类别框”，
连接：“.swim lane包装器”，
})
.disableSelection（）；
});
$（函数（）{
$（“.sortable”）
.可排序({
连接到：“.sortable”，
})
.disableSelection（）；
});
。游泳道{
显示：内联块；
空白：nowrap；
浮动：左；
宽度：90%；
高度：100px；
边框：1px纯红；
}
.分类箱{
显示：内联块；
空白：nowrap；
浮动：左；
背景色：#FFF3CC；
边框：#DFBC6A 1px实心；
宽度：75px；
高度：50px；
保证金：5px；
填充：10px；
字体大小：12px；
空白：正常；
文本对齐：居中；
盒影：2px 2px 2px#999；
光标：移动；
}
.物品箱{
显示：内联块；
垂直对齐：顶部；
背景色：#edf3ff；
边框：6d71db 1px实心；
宽度：75px；
高度：50px；
保证金：5px；
填充：10px；
字体大小：12px；
空白：正常；
文本对齐：居中；
盒影：2px 2px 2px#999；
光标：移动；
}

“第1类”
“请将这长串文本换行！”
“请将这长串文本换行！”
“请将这长串文本换行！”
“第2类”
“请将这长串文本换行！”
“请将这长串文本换行！”
“请将这长串文本换行！”
我同意@manuel的答案，但我为寻找问题背后原因的人提供了这个解决方案。UI排序表使用类名为
.UI排序占位符
的临时占位符代替挂起的元素。Th
 .ui-sortable-placeholder {
    display:inline-block;
    height: 1px;
   }