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/