jQuery ui：将元素拖入可排序容器后，无法将其拖出

Question

我一直在尝试创建一个造句游戏，在该游戏中，用户可以将单词图块（如冰箱磁铁）从几个垃圾箱移到排序行上。每个垃圾箱中都有单词图块，可以将其拖放到屏幕上，并留在放置它们的位置，除非它们位于“可排序”句子构建区域上方，在这种情况下，它们可以与该区域中的其他图块进行排序。我希望能够将图块拖回可排序区域之外，但是一旦放下它们，它们就会被限制在该区域内。我怎么把它们弄出来？ Here is the Full Fiddle

jQuery启动功能：

    $(function() {
        loadWordTiles();
        $(".word-tile").draggable({
            connectToSortable: "#sentence-build-area",
            start: myDragStart,
        });
        $(".word-quadrant").droppable({
            accept: ".word-tile",
        });
        $('#sentence-build-area').sortable({
        });
    });