0

サイズが不明なjQueryの並べ替え可能なリストがあり、アイテムが再配置されたときにアイテムの順序を更新する必要があります。アイテムの位置を表示していて、アイテムを移動すると位置が更新されますが、アイテムを移動すると他の位置は更新されません。たとえば、並べ替え可能なリストに1、2、3の順序で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); 
        }
    });
4

1 に答える 1

1

これを試して：

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

基本的に、各要素を反復処理する必要があります。また、インデックスは0ベースです。

JSFIDDLE

于 2013-02-16T05:41:36.670 に答える