jQuery Sortable Dropzoneを展開する

Question

jQuery sortableを使用して、リストアイテムをソースリストからドロップできるエリアを作成しています。私の目的地のゾーンでは、私はulを持っていて、dropzoneとして働くクラスを持っています。ただし、このulはブートストラップpanel-body内にあり、アイテムを削除できる場所がさらに絞り込まれています。

私の目標は、パネル上の任意の場所にアイテムをドロップし、panel-body内のulの末尾に追加する方法を見つけ出すことです。私は元から宛先（エクスポートフィールド）に項目をドラッグするとプレースホルダがパネル本体内に示されていることを以下に見る

：

これは私の元/宛先がどのように見えるかです。

現状では、すべてが機能しているが、私はそれが少しよりユーザーフレンドリーにしようとしていますので、左からのアイテムは、右の上の任意のパネルにドロップすることができ、それは自動的に最後に追加しますユーザがliを特定のul dropzoneにドラッグする必要はありません。ul

どのように私はこれを達成するためのヒント？ここで

は私のセットアップのバイオリンです：https://jsfiddle.net/tdhkzsfm/

Answer 1

tolerance: 'pointer', 

このオプションは、少しbit..Itがあなたの他のリスト要素を持つ50％の交差点を必要としないのに役立ちます。しかし、それは完全な答えではありません。 connectWithパラメーターもパネル自体に変更する必要があると私は思っています。