扩展jQuery可排序Dropzone

Question

我正在使用jQuery可排序来创建列表项可以从源列表中删除的区域。在我的目标区域中，我有一个ul，它具有充当dropzone的类。但是，此ul位于引导程序panel-body内，并且可以进一步缩小该项目可以丢弃的位置。

我的目标是弄清楚如何在面板上的任何位置放置物品，并将其附加到panel-body内ul的末尾。

这是我的源/目的是什么样子：

当我从源到目的地（出口字段），你会看到下面的占位符的面板主体中所示拖动项目。

就目前而言，一切都在发挥作用，但我试图让它更友好一点，因此左侧的物品可以放在右侧的任何面板上，并且会自动附加到最后而不需要用户将li拖动到特定的ul拖放区。

有关如何实现此目的的任何提示？

这是我设置的小提琴：https://jsfiddle.net/tdhkzsfm/

Answer 1

tolerance: 'pointer', 

此选项将帮助你一点bit..It不需要50％的路口与其他列表元素。但这并不是完整的答案。我怀疑你将需要改变你的connectWith参数以及面板本身。