Получение позиции элемента в списке при его перетаскивании (ui.sortable)

Question

У меня есть сортируемый список, подобный этому: http://jqueryui.com/demos/sortable

Можно ли получить начальную и конечную позицию элемента в списке, когда он был перемещен? Я говорю об их номере позиции, в списке.

Например, если я переместу элемент 2 в позицию 5 в списке, я бы хотел присвоить эти два числа переменным.

Я новичок в jQuery - любая помощь будет принята с благодарностью.

Answer 1

• демо: http://so.lucafilosofi.com/getting-the-position-of-the-element-in-a-list-when-its-drag-dropped-ui-sortable/

РЕШЕНИЕ:

$(function() {
    $('ul#sortable').sortable({
        start: function(event, ui) {
            var start_pos = ui.item.index();
            ui.item.data('start_pos', start_pos);
        },
        update: function(event, ui) {
            var start_pos = ui.item.data('start_pos');
            var end_pos = ui.item.index();
            alert(start_pos + ' - ' + end_pos);
        }
    });
});

• ПРИМЕЧАНИЕ: Обновлено для использования метода jQuery data () по совету Alconja

Answer 2

Почему-то ui.item.index() у меня не сработало.

Это сделал:

update: function (event, ui) 
{
    var index = $('li', $(ui.item).parent()).index(ui.item);
    alert(index);
}

Answer 3

Я полагаю, что вы хотите сделать это с помощью метода serialize . Сериализация - это получение нового порядка в списке.