Droppable 在 Sortable 中不起作用答案

【问题标题】：Droppable not working inside SortableDroppable 在 Sortable 中不起作用
【发布时间】：2012-08-28 19:22:21
【问题描述】：

我正在尝试让 jquery droppable 在 jquery sortable 中工作。我能够让它工作的唯一方法是在可排序接收中添加可放置对象后销毁可排序对象。

例子

http://jsfiddle.net/dan2012/vMnQM/

我有什么可以改变的，让 droppable 在 sortable 中工作吗？我尝试改变容忍度，但没有任何运气。

【问题讨论】：

标签： jquery dynamic draggable jquery-ui-sortable

【解决方案1】：

这个简单的版本不就是你想要的吗？

$(".droppable").sortable({
    revert: true,
    receive: function (event, ui) {
        var e = $(this).data().sortable.currentItem;
        $(this).append(e);
    }
});

$(".draggable").draggable({
    connectToSortable: ".droppable",
    helper: "clone",
    revert: "invalid"
});

在这里试试：

http://jsfiddle.net/vMnQM/2/

【讨论】：

当 .section 在 .droppable 中时，我还希望能够将 span 拖放到 .section 中
哦。我以为那是你的错。

【解决方案2】：

http://jsfiddle.net/dan2012/DzPX2/我认为这必须奏效。

【讨论】：