如何防止堆叠div，用jQuery UI拖动;下降？

Question

我坚持如何在选定位置已经掉落元素时防止掉线。

我有三个不同大小的div元素，我将它们拖到一个可放置的网格上。我完成代码的方式（参见下面的jsFiddle），我想不出办法检查那里是否有项目。

任何人都可以想到一种方式，任何想法？ JSFiddle： http://jsfiddle.net/sExrV/1/

我认为代码会出现在“drop”事件的某个地方，但我想不出一种方法来测试它：

$("#grid").droppable({
    accept: (".widget1, .widget2, .widget3"),
    drop: function(event, ui) {
    // test for existing element dropped here??

Answer 1

您是否尝试在丢弃某些内容时禁用可放置功能？

$("#grid").droppable({
    drop: function() { $( "#grid" ).droppable( "option", "disabled", true ); }
});