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/