jQuery draggable after drop

Question

Я попытался выяснить, как сделать выпавший элемент снова перетаскиваемым, чтобы иметь возможность перетащить его обратно. У меня 2 див с классом .cell, и я хочу, чтобы иметь возможность перетаскивать из обоего .cell других

$('.users main .col.details form .row.stations .table .cell ul li').draggable({ 
    zIndex: 100, 
    revert: true, 
    opacity: 0.35, 
    appendTo: "body", 
    refreshPositions: true 
}); 

$('.users main .col.details form .row.stations .table .cell').droppable({ 
    hoverClass: "drop-hover", 
    drop: function(event, ui) { 
     var classes = ui.draggable.attr('class'); 
     $("<li></li>").text(ui.draggable.text()).addClass(classes).appendTo($(this).find('ul')); 
     ui.draggable.remove(); 
    } 
}); 

Любых решений?

Answer 1

Не нужно заново создавать объект draggable, когда он упал в разделе droppable. Если вы просто append перетаскиваемую li, он будет поддерживать "draggability":

$('.users main .col.details form .row.stations .table .cell').droppable({ 
    hoverClass: "drop-hover", 
    drop: function(event, ui) { 
    $(this).find('ul').append(ui.draggable); 
    } 
}); 

Fiddle Demo