jQuery - 克隆元素的拖放

Question

我有一个可以拖动的克隆元素，但是我希望将其拖放到特定的 div 元素中，如果有效则不会恢复到其原始位置，但是无论它是否有效，它总是会恢复到其原始位置或不。

我目前正在使用以下代码：

  $("ul#objectsList li").draggable({ 
      revert: 'invalid',
      snap: "#objectsDropBox", 
      snapMode: "inner",
      helper: function() { return $(this).clone().appendTo('body').show(); },
      start: function(e, ui) { $(ui.helper).addClass("ui-draggable-helper");}
   });

   $("#objectsDropBox").droppable({
     accept: "ul#objectsList li",
     drop: function( event, ui ) {
       alert('hi');
     }
   });

为什么当一个有效的可拖动对象被丢弃时它不留在 div 中？

Answer 1

试试这个

    $("#objectsDropBox").droppable({
    accept: "ul#objectsList li",
    drop: function (event, ui) {
        $(this).append(ui.draggable); 
       //if you want to retain the element use ui.draggable.html() or clone it.

    }
});

小提琴 - http://jsfiddle.net/dmNhZ/