可移动和可排序的项目编号更新时更新

时间:2013-12-02 09:09:00

标签: javascript jquery jquery-ui

以下是我的小提琴我可以拖动我的列表项但问题是更改列表项的位置我无法相应地对项目数进行排序,例如,如果我更改项目的位置# 1然后所有项目的数量不会从上到下发生变化。请告诉我怎么做。

FIDDLE

$(function() {
    $("#sortable").sortable();
});

$(document).ready(function(){
  $("#btn2").click(function(){
      $("ul").append("<li class='ui-state-default'><span class='ui-icon ui-icon-arrowthick-2-n-s'></span><input type='text' value='New Item : #' /></li>");
  });
});

1 个答案:

答案 0 :(得分:0)

$("#sortable").sortable({
        //observe the update event...
        update: function (event, ui) {
            var order = [];
            $('#sortable li').each(function (e) {
                $(this).attr("value",$(this).index());

            });
        }
    });

我已将值属性添加到li,每当uk已排序时都会更新