javascript - Draggableは常に最も外側のsortableに移動します

Question

ユーザーがアイテムを3つのネストされた並べ替え可能なULの1つにドラッグできるページを作成しようとしています。ユーザーがドラッグ可能な場所をどこにドロップしても、常に外側（または最上部）のULに着地します。jsFiddleの問題を説明する簡略化されたバージョンを作成しました。

IDは実行時に決定されるため、IDでULをターゲットにすることはできません。どんな助けでもいただければ幸いです。

Answer 1

Javascriptイベントが発生します。ソータブルは相互に含まれているため、イベントは最初の（最も内側の）ソータブルにバブリングし、次にイベントは2番目のソータブルにバブルアップし、最後の（最も外側の）ソータブルに最終的にキャプチャされるまで続きます。event.stopPropigation()ソート可能な受信関数に追加することで、イベントがさらにバブリングするのを防ぐことができます。