jQuery拖放示例：有序列表看起来不像目的地的有序列表

Question

我可以拖放，效果非常好。但是在目的地，有序列表无法正常工作。它应该看起来像一个有序列表而不是一堆。目标框应该随新元素增长，但它也不起作用。

我的错误在哪里？以下是代码：http://jsfiddle.net/QJ54x/

到目前为止，这是jQuery-Code：

$( init );
function init () {          
    $('.draggable1').draggable ({ 
        containment: "#ddSurvexFormDragDropArea",
        scope: "d1",
        stop: draggable1Stop,
        helper: "clone",

    });

    $('#droppable1').droppable({
        scope: "d1",
        accept: ".draggable1",
        hoverClass: "droppable1HoverClass",
        drop: droppable1Drop,
    });
}

function draggable1Stop(event,ui) {
    // alert ('draggable1Stop');
    // $(this).remove();
    ui.helper.clone().appendTo($(this).parent());
    $(this).remove();
}

function droppable1Drop (event, ui) {

}

Answer 1

好的，我明白了，这是答案（另一个简化的例子）：

http://jsfiddle.net/cKs5u/

相应的部分：

$( "#cart ol" ).droppable({
    activeClass: "ui-state-default",
    hoverClass: "ui-state-hover",
    accept: ":not(.ui-sortable-helper)",
    drop: function( event, ui ) {
        $( this ).find( ".placeholder" ).remove();
        $( "<li></li>" ).text( ui.draggable.text() ).appendTo( this );

    }
})

来自jquery-api online的例子。