draggableについてjquery-uiを使うと簡単にドラッグ&ドロップできて大変便利です。デフォルトではドロップ領域が重なった場合、どちらにもドロップイベントが発生します。親子関係ではないため、重なったどちらにも反応します。なんとかならないのか今回、重なった一番上のドロップ領域のみ反応してほしかった。それな便利なブログ記事があった。binary-lifeの日記ありがたい限りでございます。本当にそのソースが正しいのか気になる。記事の日付も古いですし。draggableのソースを確認したところ大筋では問題ないものの、記事が古いからかオプション(tolerance)に対応できていなかった。そこに対応するのもそうだが、そもそもdropイベント以外に、over、outのイベントも重なりに対応させたいが、それについては記載がなかった。);}});})(jQuery);・基本的な考え方として、重なりはcssのz-indexを比較しそれが最大のものを使用しています。これは参考にしたブログのまんまです。皆様にはいつもお世話になっております。・ドロップイベントでの変更点はオプション(tolerance)への対応です。このオプションはドロップ領域にドラッグしたときにどうなっていれば重なっていると判定するかを決めます。Documentation・ドラッグイベントは新規で作成しました。ドラッグイベントでover、outイベントの判定と呼び出しが行われます。イベントが呼び出されると以下の流れで処理されていました(ドラッグイベントはちょっと動く度に呼び出されます)。1.droppableした要素が格納された配列droppablesを周回する(disabledオプション等から無効と判断した要素は無視)2.ドラッグ判定と重なっていて、今回初めて重なった場合、overイベント呼び出しドラッグ判定と重なっておらず、今回初めて外れた場合、outイベント呼び出し(その前後でgreedyなとこを考慮)色々試行錯誤したのですが、結局、以下の方法で対応しました。1.droppableした要素が格納された配列droppablesを周回しドラッグ判定が重なる要素の中からz-indexが最大のものを探す2.droppableした要素が格納された配列droppablesを周回する(disabledオプション等から無効と判断した要素は無視)3.[1]で見つけた要素のみ、以下のイベント呼び出しドラッグ判定と重なっていて、今回初めて重なった場合、overイベント呼び出しドラッグ判定と重なっておらず、今回初めて外れた場合、outイベント呼び出し(その前後でgreedyなとこを考慮)4.[1]以外の要素はoverになっては困るので、それまで重なっていた場合、outイベント呼び出しおしまい僕としては最終的にシンプルに実装できたので満足しました。誰の役に立つかは知りません。性能の低いパソコンだと影響が出るかも知れないというところです。