使用可排序列表插入和更新数据库

Question

有很多使用jQuery可排序列表更新数据库的示例，包括序列化列表的id，然后基于该id序列更新数据库。

现在的问题是，我想使用jQuery可排序连接列表插入和更新数据库。我有两个列表。

源列表：

<ul id="admin_news_all"> 
    <li id="2588" class="ui-draggable"> 
    <li id="2678" class="ui-draggable"> 
    <li id="2680" class="ui-draggable"> 
    <li id="2690" class="ui-draggable"> 
    <li id="2692" class="ui-draggable"> 
    <li id="2694" class="ui-draggable"> 
    <li id="2696" class="ui-draggable"> 
    <li id="2698" class="ui-draggable"> 
    <li iid="2696" class="ui-draggable"> 
    <li id="2704" class="ui-draggable"> 
</ul> 

目标列表：

<ul id="news_box_top" class="ui-sortable"> 
    <li class="ui-draggable" style="display: list-item; id="2686""> 
    <li class="ui-draggable" style="display: list-item; id="2496""> 
</ul> 

我已经初始化了jQuery为：

$("#news_box_top").sortable() 
$("#admin_news_all li").draggable({ 
    helper: "clone", 
    revert: "invalid", 
    connectToSortable:'#news_box_top' 
}); 

现在我想移动从源列表项的目标列表，然后更改（插入和更新操作）数据库点击一个button元素。

目标数据库：MySql的

id int(12), position int(2) 

Answer 1

首先，我认为你的第二个名单应该是这样的：

<ul id="news_box_top" class="ui-sortable"> 
    <li class="ui-draggable" id="2686" style="display: list-item; "> 
    <li class="ui-draggable" id="2496" style="display: list-item; "> 
</ul> 

那么，我想你知道如何更新数据库，我只是举个手建立一个阵列惠特排序ids：

ids = []; 
$('#news_box_top li.ui-draggable').toArray().forEach(function (el) { 
    // Here I assume the element has an id 
    ids.push($(el).attr('id')); 
});