在Jquery中拖放事件拖放

Question

我有使用Jquery拖放的问题。我有两个div元素堆叠在一起。底部的div是可以放大的。如果我在上部div上放置一个项目，则底部div处理dropp。

如果div直接放在它上面，如何使div处理drop。

我尝试在上部div上使用stopPropagation()，但这不起作用。

一些简单的例子：http://jsfiddle.net/e87wS/13/

Answer 1

编辑回答

使用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/