Событие остановки остановки в Jquery drag & drop

Question

У меня есть эта проблема с использованием Jquery drag & drop. У меня есть два элемента div, уложенных один над другим. Нижний div является недоступным и больше. Если я отбрасываю элемент в верхнем div, нижний div обрабатывает dropp.

Как заставить div обрабатывать падение только в том случае, если элемент непосредственно опускается на него.

Я попытался использовать stopPropagation() на верхнем div, но это не сработало.

Somekind простой пример: http://jsfiddle.net/e87wS/13/

Answer 1

Edited ответ

Использование over и out, чтобы отключить и включить другой DIV. greedy означает, что область сбрасывания будет единственной, которая работает, и tolerance: touch означает, что до тех пор, пока объект перетаскивания касается касающейся области, он будет там падать.

Это будет выглядеть следующим образом:

$('#div2').droppable({ 
    drop: function (event, ui) { 
     alert("droppedHere"); 
    }, 
    greedy: 'true', 
    tolerance: 'touch', 
    over: function (event, ui) { 
     $("#div1").droppable("disable") 
    }, 
    out: function (event, ui) { 
     $("#div1").droppable("enable") 
    } 
}); 

$('#div1').droppable({ 
    drop: function(event, ui){ 
     alert("droppedThere"); 
    } 
}); 

и скрипку: http://jsfiddle.net/e87wS/15/