javascript - 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.

    }
});

fiddle - http://jsfiddle.net/dmNhZ/