Javascript 多（2）个拖放JQuery

我有两个拖拽区和两个拖拽区，我想让它们彼此排斥。我一直在玩弄

connectWith

参数，但没有成功，我希望在将

sortable\u alpha

连接到

droppable\u alpha

和

sortable\u numbers

连接到

droppable\u numbers

时能得到一些帮助我还需要能够使用

.append

功能在drop div中添加一个delete按钮，我在第二块代码中为该按钮编写了代码我意识到有很多很棒的JQuery Dragable帖子，但在区分不同的drop区域时找不到，因此感谢您的帮助

拖动有效，但不能拖放

$（函数（）{
$（“#可排序的_编号”）.sortable（）；
$（“#可排序的_编号”）.disableSelection（）；
$（“#可排序的_alpha”）.sortable（）；
$（“#可排序的_alpha”）.disableSelection（）；
//一旦这对数字有效，对字母重复这个？
//创建拖放，在拖放时将删除按钮添加到列表对象
$（“.draggable_编号”）.draggable（）；
$（“#可删除的数字”）.droppable（）；
});
#可拖放的数字，
#可降落α{
边框：虚线1px灰色；
最小高度：100px；
宽度：100px；
浮动：左；
}
#可排序的数字，
#可排序的α{
列表样式类型：无；
保证金：0；
垫底：2件；
宽度：50px；
浮动：左；
}
保险商实验室{
列表样式：无；
左侧填充：0；
}
李{
列表样式类型：无；
垫底：2件；
}
#可排序的_数li，
#可排序的阿尔法李{
边框：1px实心浅灰色；
}
#李：悬停，
#可排序的_alpha li:悬停{
光标：抓取；
}
#可排序的\u编号。ui可排序的帮助程序：悬停，
#可排序的\ u alpha.ui可排序的帮助程序：悬停{
光标：抓取；
背景色：#ddd；
边框颜色：黑色；
}
.Dropable_编号，
.Dropable_alpha{
边框：2个虚线#466683；
填充：1em；
最小高度：200px；
}
/*
需要对此进行更改，以便alpha块
仅当鼠标悬停在可拖放alpha上时更改颜色
和具有可排序_数的可拖放数
*/
#可降落α.ui-可降落悬停，
#可拖放\u数字。ui-可拖放-悬停{
背景：#bad4ed；
}
#可下拉的数字选择{
保证金：5px；
}
.删除{
背景：无；
边界：0px；
颜色：#888；
字体大小：15px；
宽度：60px；
利润率：0px0；
字体系列：拉托，无衬线；
光标：指针；
浮动：对；
显示：内联块；
}
按钮：悬停{
颜色：#CF2323；
}


a
b
c

投递信
投递号码

1
2
3