2016-03-03 195 views
1

我試圖弄清楚如何讓拖動的元素再次拖動到拖動它的可能性。我有2周的div類。細胞,我希望能夠將它從兩個下降。細胞到另一個jQuery拖放後可拖動

$('.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(); 
    } 
}); 

任何解決方案?

+0

下面有沒有幫助我的答案嗎?如果沒有,請讓我知道。 – Yass

回答

0

droppable部分中刪除對象時,不需要重新創建draggable對象。如果你只是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