我正在使用 jQuery sortable 来创建列表项可以从源列表中拖放到的区域。在我的目标区域中，我有一个 ul，其中有一个类充当 dropzone。但是，此 ul 位于 Bootstrap panel-body 内，并进一步缩小了可以放置元素的范围。
我的目标是弄清楚如何将元素放在面板上的任何位置，并将其附加到 panel-body 中 ul 的末尾。
这是我的来源/目的地的样子:
当我将元素从源拖动到目标(导出字段)时，您将在下方看到占位符显示在面板主体中。
就目前而言，一切正常，但我试图让它对用户更友好一点，这样左边的元素可以放在右边的任何面板上，它会自动将它附加到 ul，而无需用户将 li 拖动到特定的 ul 放置区。
关于如何实现这一目标的任何提示？
这是我的设置 fiddle :https://jsfiddle.net/tdhkzsfm/
最佳答案
tolerance: 'pointer',
此选项会对您有所帮助。它不需要与您的其他列表元素有 50% 的交集。然而，这不是完整的答案。我怀疑您还需要将 connectWith 参数更改为面板本身。
关于javascript - 扩展 jQuery 可排序放置区，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39475999/