jquery-UI在另一个div中拖动+克隆div并使其可排序

Question

我正在尝试创建一种情况，可以在另一个div中多次拖动和克隆div，特定容器中的div可以与其他容器一起排序。

$(function() {
    $( ".drag" ).each(function(){
        $(this).draggable({
            helper: "clone"
        });
    });

    $( ".day " ).droppable({
        drop: function( event, ui ) {
            var targetElem = $(this).attr("id");

            $( this ).addClass( "" );
            if($(ui.draggable).hasClass('draggable-source'))
                $( ui.draggable ).clone().appendTo( this ).removeClass('draggable-source');
            else
                $( ui.draggable ).appendTo( this );

            console.log(this.id)
        }
    }).sortable({
        items: "div",
        sort: function() {
            $( this ).removeClass( "ui-state-default" );
        }
    });
});

这是在这个小提琴： http://jsfiddle.net/mfUCe/

这是我被卡住的地方： 我希望能够将2个div拖到已放置在可放置容器内的div中。

如果有人能帮助我会很棒