jquery - UI可拖动+可放置附加到任何地方？

Question

我正在使用与此非常相似的东西:

http://jqueryui.com/demos/droppable/#shopping-cart

目前，当我拖动项目时，它会附加到列表中。

如何才能将其附加到我悬停在其上的项目之后？

另外，如何使每个“产品类别”接受其他类别的项目？例如，如果我将一件“lolcat 衬衫”拖到“包”类别上，那么包类别将会展开，并允许我将衬衫放在其中的任何位置:)

Fiddle Demo

Answer 1

对于第一个问题:使目标列表中的项目“可删除”(而不是目标列表本身):

$( "#cart li" ).droppable({
    drop: function( event, ui ) {
        $( this ).siblings( ".placeholder" ).remove();
        $( "<li></li>" ).text( ui.draggable.text() ).insertAfter( this );
    }
});

第二个问题相同:使目录可删除(类似代码)。