将元素拖动到可放置列表中，进入正确的位置

Question

有没有办法将元素拖到可排序（可放置）列表中？并将它们添加到列表中的正确位置？

起初我以为我可以使用列表下的droppable div来执行此操作但是我的列表会比屏幕更长。意味着用户必须滚动，此时，我认为尝试获取鼠标位置将毫无意义。

这是我想要做的事情的小提琴： http://jsfiddle.net/tvance929/E7DPk/2/

Answer 1

只需使用connectToSortable并将helper设置为clone，例如：

$("#theList").sortable({
    revert: true
});
$( "#dragMe" ).draggable({
    connectToSortable: "#theList",
    helper: "clone",
    revert: "invalid"
});

见这里：Fiddle