使用可排序列表插入和更新數據庫

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')); 
});