Обновление номера элемента с возможностью перетаскивания и сортировки при изменении

0

Ниже приведена моя скрипка, в которой я могу перетащить элементы списка, но проблема заключается в изменении позиции элемента списка. Я не могу сортировать количество элементов соответственно, например, если я изменяю позицию элемента №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>");
  });
});
  • 0
    не виделись где-нибудь? какое число ты пытаешься изменить
  • 0
    @wilsonrufus все, что я хочу, это установить номер элемента в соответствии с позицией li, например, если я поставил 1-й li во вторую позицию, тогда номер элемента всех lis должен измениться соответственно
Показать ещё 1 комментарий

1 ответ

0
Лучший ответ
$("#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

  • 0
    не могли бы вы прислать мне обновленную скрипку?
  • 0
    jsfiddle.net/wilsonrufus/7QST9
Показать ещё 5 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню