jquery - 如何使用 jQuery UI 拖放来防止堆叠 div？

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 ); }
});