javascript - 元素未正确附加到 div 框

Question

我试图让我的 div 框内容附加到空框中，然后恢复到我的可排序中。看起来很简单，希望有人能看到我看不到的东西。代码在这里 --> http://jsfiddle.net/Awh3G/61/

稍后，我想实现加载滚动。如果有想法，我愿意倾听

Answer 1

首先，你的 li 都有相同的 ID。那是无效的。

为了使可排序的还原，您使用还原选项。

为了附加值，您可以使用他们给您的 ui 变量。

阅读此页面：http: //jqueryui.com/demos/droppable/#event-drop

读完之后，你可以在这里看到它的暗示：http://jsfiddle.net/lathan/Awh3G/ 62 / `

$('.sorting').sortable({
    cursor: 'pointer',
    tolerance: 'pointer',
    scroll: false,
    revert: true
});


$('#dropin').droppable({
    hoverClass: 'border',
    tolerance: 'touch',
    drop: function(e,ui) {
        $('#dropin').append(ui.draggable.html() + '<br/>');
    }
});