Question

我的HTML就像这样

<ul>
   <li>...</li>
   <li>
       <ul>
          <li>...</li>
       </ul>
   </li>
</ul>

这只是一个示例，ul可以包含多个li，但最大深度为ul li ul，例如

我正在使用JqueryUI Sortable对此li进行排序我希望得到li的排序顺序，以便将其存储在数据库中，以便用户不必每次都进行排序。

谢谢。

Answer 1

您必须绑定可用于更新数据库的“sortupdate”事件。下次加载页面时，您必须对服务器项进行排序。

编辑：

以下将绑定sortupdate事件并将其发布到/ story / reorder（www.asdf.com/sort/reorder?ids=somevalue&oldIds=anothervalue）。该页面将把它存储在数据库中。

您可能需要添加另一个变量来传递登录人员的用户ID。

$("#sortable").bind('sortupdate', function(event, ui) {
    var ids = $("#sortable").sortable('serialize').toString();
    $.post('/story/reorder', {ids: ids, oldIds: idsOldOrder}, function(data) {
        // nothing special
        window.alert(data);
    });
    idsOldOrder = ids;
});

来源：http://www.gridshore.nl/2009/09/14/creating-a-sortable-list-of-items-using-jquery/

分拣表ul li获得订单

1 个答案: