jquery - jQuery 可排序列表排序

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);
        });
    }
});

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

JSFIDDLE