jQuery UI: Перетащите и клонируйтесь от исходного отделения, но сохраните клоны

У меня есть отделение, которое имеет jQuery UI, Перемещаемый примененный. То, что я хочу сделать, является перетаскиванием, что, и создают клон, который сохранен в dom и не удален при отбрасывании.

Думайте о деке карт, моя коробчатая секция является декой, и я хочу вытянуть карты/отделения от той деки и иметь их кладущий вокруг моей страницы, но они были бы клонами исходного отделения. Я просто хочу удостовериться, что Вы не можете создать другой клон одного из клонированных отделений.

Я использовал следующее, которое не работало как, я хотел:

$(".box").draggable({ 
        axis: 'y',
        containment: 'html',
        start: function(event, ui) {
            $(this).clone().appendTo('body');
        }
});

Я выяснил свое решение:

$(".box-clone").live('mouseover', function() {
    $(this).draggable({ 
        axis: 'y',
        containment: 'html'
    });
});
$(".box").draggable({ 
    axis: 'y',
    containment: 'html',
    helper: 'clone'
    stop: function(event, ui) {
        $(ui.helper).clone(true).removeClass('box ui-draggable ui-draggable-dragging').addClass('box-clone').appendTo('body');
    }
});