jquery連接列表 - 更新輸入字段中的序列化列表值

Question

Guyz，我試圖解決一個問題。

我有兩個可以用jQuery中的connectWith排序的列表。我試圖創建一個進程，每次將一個項目從一個列表移動到另一個列表時，每個列表都會更新兩個隱藏的輸入字段，並使用序列化的ID列表進行更新。

$(function() { 
    $("#sortable1, #sortable2").sortable({ 
     connectWith: ".connectedSortable" 

    }).disableSelection(); 
}); 

我想做到這一點：

var list = ''; 
    $('#sortable1 *').each(function() { 
     list += $(this).attr('id') + ','; 
    }); 
    alert('list = ' + list); 

但每次更改將更新兩個輸入字段，而不是做與列表中的警報。

Answer 1

你應該能夠做這樣的事情：

$(function() { 
    var lists = $("#sortable1, #sortable2").sortable({ 
     connectWith: ".connectedSortable", 
     update: function() { 
      var list = []; 
      lists.each(function(){ 
       $.merge(list, $(this).sortable("toArray")); 
      }); 
      $("#out").text(list.join(",")); 
     } 
    }).disableSelection(); 
}); 

工作例如：http://jsfiddle.net/petersendidit/eTwzF/