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/

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

1 个答案: