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