扩展jQuery Sortable Dropzone

Question

我正在使用可排序的jQuery创建可将列表项从源列表拖放到其中的区域。 在我的目标区域中，我有一个ul ，该类具有作为dropzone的类。 但是，此ul位于自举panel-body并进一步缩小了可以放置项目的位置。

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

这是我的源/目标的样子：

当我将一个项目从源拖动到目标（“导出字段”）时，您会在下面看到占位符显示在面板主体中。

就目前而言，一切正常，但我正在尝试使其更加用户友好，因此可以将左侧的项目放置在右侧的任何面板上，它将自动将其追加到ul的末尾，而无需用户将li拖到特定的ul dropzone。

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

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

Answer 1

    tolerance: 'pointer',

此选项将为您提供一点帮助。它不需要与其他列表元素相交50％。 但是，这并不是完整的答案。 我怀疑您也需要更改connectWith参数才能成为面板本身。