Question

我有一个未知大小的jQuery可排序列表，我需要在重新定位项目时更新项目排序。我显示了项目位置，并且在项目移动时我更新了位置，但是当移动项目时，其他位置不会更新。例如，如果我的可排序列表有3个项目，订购1,2,3，我决定将项目2移动到位置3，新的排序是1,3,3。我希望它更新为1,2,3。想法我怎么能做到这一点？这是我更新职位的代码。感谢。

    $("#sortable2").sortable({
        stop: function(event, ui) {
            var id = $(ui.item).attr('id');
            $("#" + id).html(ui.item.index() + 1); 
        }
    });

Answer 1

试试这个：

$("#sortable").sortable({
    stop: function(event, ui) {
        $('li').each(function(idx){
            $(this).html(idx+1);
        });
    }
});

基本上，您需要遍历每个元素。此外，index是基于0的。

JSFIDDLE

jQuery可排序列表排序

1 个答案: