Ниже приведена моя скрипка, в которой я могу перетащить элементы списка, но проблема заключается в изменении позиции элемента списка. Я не могу сортировать количество элементов соответственно, например, если я изменяю позицию элемента №1, тогда количество всех элементов не изменяется сверху вниз. Пожалуйста, дайте мне знать, как это сделать.
$(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>");
});
});
$("#sortable").sortable({
//observe the update event...
update: function (event, ui) {
var order = [];
$('#sortable li').each(function (e) {
$(this).attr("value",$(this).index());
});
}
});
Я добавил атрибут value в li, который будет обновляться после сортировки ul