擴展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參數才能成為面板本身。