Jquery ui 禁用和启用jquery UI droppable不工作

我试图做一个div，当它包含一个可拖放元素时，你赢了；你不能在上面再放一个，但是当拖拽被移除时，你可以。 我用

但是，在我将可拖放设备移出后，它仍然处于禁用状态，我不明白为什么。

---

对

$（“#items”）.dropable（）进行以下更改：

演示：

希望这有帮助，让我知道如果你有任何问题

$("#trash").droppable({
    out: function() {
        $( this ).droppable( "option", "disabled", false );
    },
    drop: function( event, ui ) {
        $( this ).droppable( "option", "disabled", true );
    }
});

$("#items").droppable({
        drop: function( event, ui ) {
            $("#trash").droppable( "option", "disabled", false );
        }
});