Jquery Connected Lists - 更新了输入字段中的序列化列表值

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/