jQuery拖放后可拖动答案

【问题标题】：jQuery draggable after dropjQuery拖放后可拖动
【发布时间】：2016-03-03 23:27:01
【问题描述】：

我试图弄清楚如何使放置的元素再次可拖动以有可能将其拖回。我有 2 个 .cell 类的 div，我希望能够从两个 .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();
    }
});

有什么解决办法吗？

【问题讨论】：

我在下面的回答有帮助吗？如果没有，请告诉我。

标签： jquery jquery-ui-draggable jquery-ui-droppable

【解决方案1】：

当draggable 对象被放到droppable 部分时，您不需要重新创建它。如果您只是将append 拖动到li，它将保持其“可拖动性”：

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

【讨论】：