Jquery ui 多重可降div

我已经在类别列表中设置了联系人列表

诸如此类
胡说八道
胡说八道
废话
胡说八道
废话
.blue{背景色：blue}
.red{背景色：red}
.green{背景色：绿色}
.yellow{背景色：黄色}
$（函数（）{
$（'.contact_draggable'）.draggable（）；
$（'.category_snap_to_target'）。可拖放（{
接受：'.联系_draggable'，
drop:函数（事件，ui）{
$（this.append（$（ui.draggable））；
$（ui.draggable）.css（'位置'，''）；
}
});
});

用户可以联系并加入其他类别。。。但是，在第一次拖动和接触div后，将失去显示辅助对象的功能

它仍然拖拉和下降罚款。。。但在第二次尝试移动同一联系人div时，它会失去其助手功能。仍然拖放，但用户看不到指示

---

我还必须添加$（ui.draggable.css（'position'，''）；通过将contact div追加到category div中，使“append”函数能够很好地工作。如果没有它，contact div将停留在您最后用鼠标离开它的位置，并且不会卡入该类别中最后一个contact的下方？？？

您需要

位置：相对
进行视觉指示。您可以设置
left:auto
和
top:auto
而不是设置
位置：'

$( ui.draggable ).css('left', 'auto');
$( ui.draggable ).css('top', 'auto');

谢谢，这就成功了。即使在新类别中第一次移动和接触div捕捉到位后，视觉指示仍保持不变
$( ui.draggable ).css('left', 'auto');
$( ui.draggable ).css('top', 'auto');