Javascript Jquery UI可拖放排序表

我希望这不是复制品。我正试图用droppable获得可排序的工作。在JSFIDLE中，我可以将窗口小部件从“可用窗口小部件”移动到“活动窗口小部件”，反之亦然，但我希望窗口小部件可以在活动窗口小部件下进行排序，并使用回调告诉我哪个窗口小部件位于第一位，哪个窗口小部件位于第二位

基本上，我们希望能够在活动小部件下安排小部件顺序并保存其位置索引

你能告诉我怎样才能做到这一点吗

相同的JSFIDER：

活动部件

可用小部件
Widget1
Widget2
Widget3

---

谢谢。

您可能想试试。这对droppable非常有效。嗨，谢谢。请你详细说明一下，我已经在用draggable了。jsfiddle有example.sortable，它自己可以很好地工作。可拖动和可下降功能配合良好。我试着将draggable或dropable与sortable结合起来，但效果不太好。尝试仅使用可排序或可拖动和可拖放。好的，谢谢尝试。

<div id="jtwidgets" class="ui-widget-content ui-state-default"        style="width:100%;height:300px; background:#f9f9f9">
    <h4 class="ui-widget-header">Active Widgets</h4>
</div>

<ul id="widgetShow" class="widgetShow ui-helper-reset ui-helper-clearfix"     style="width:100%;height:200px;; background:#f9f9f9">
    <h4 class="ui-widget-header">Available Widgets</h4>
    <li id="one" class="i-widget-content ui-corner-tr">Widget1</li>
    <li id="two" class="i-widget-content ui-corner-tr">Widget2</li>
    <li id="three" class="i-widget-content ui-corner-tr">Widget3</li>
</ul>