多個jQuery可排序列表使用AJAX更新MySQL數據庫

Question

我有多個從MySQL列表動態生成的可排序列表。每個列表的ID都使用數據庫中的部分ID進行追加。排序後，數據將被序列化併發送到sort_order_piece.php，以運行MySQL查詢來更新記錄的順序，這一切都可以正常工作。什麼不工作是我有以下的jQuery寫入佔每個列表的動態生成的ID的方式：

$(".sortme_piece").each(
    function(e) { 
     num = e+1; 
     $('#sortme_piece_'+num).sortable({ 
      placeholder: "ui-state-highlight", 
      update : function() { 
       serial = $('#sortme_piece_'+num).sortable('serialize'); 
       alert(serial); 
       $.ajax({ 
        url: "sort_order_piece.php", 
        type: "post", 
        data: serial, 
        beforeSend: function(){$('#updated').html('updating');}, 
        success: function(data){$('#updated').html(data);}, 
        error: function(){alert("theres an error with AJAX");} 

       }); 
      } 
     }); 
    }); 

此行似乎是麻煩：

serial = $('#sortme_piece_'+num).sortable('serialize'); 

當我查看警報框中的變量，它是空白的。如果我刪除附加的'num'並添加一個與列表ID相對應的實際數字，它可以正常工作。

我究竟做錯了什麼？我無法指出它。

幫助和感謝！

Answer 1

我改變

serial = $('#sortme_piece_'+num).sortable('serialize'); 

到

serial = $(this).sortable('serialize'); 

和固定它。