擴展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參數以及面板本身。