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/