jquery - 複数のjqueryのドロップ可能な問題

Question

複数のドロップ可能な div には 2 つの問題があります。

1. 2 つの隣接する (または重なる) ドロップ可能な div がある場合、大きなドラッグ可能な div が両方のドロップ可能な div によって受け入れられる場合があります。これを防ぐ方法は？1 つのドラッグ可能な div が 1 つのドロップ可能な div によって受け入れられるようにしたい。

   look here for example: http://jsfiddle.net/GRWJn/1/

2. あるドロップ可能な div の子を別のドロップ可能な div にドラッグした場合、前の親が誰であるかをどのように確認できますか?

   look here for example: http://jsfiddle.net/NE38y/

何かアドバイス？どうも。

Answer 1

#1この場合、防止できるかどうかはわかりませんが、伝播を防止するオプションを使用してdrop1親を作成すると、防止できる可能性があります。drop2greedy:true

について#2：

event関数に引数を渡すと、dropを使用して親要素を取得できますevent.toElement.parentElement。

例えば：

$(".dropzone").droppable({
    hoverClass: "drophover",
    greedy: true,
    drop: function(event) {
        //log parent to console.
        console.log(event.toElement.parentElement);
        $(this).html("dropped!");    
}