Какой Jquery mouseevent я должен использовать, чтобы получить правильное значение?

Question

У меня есть сортируемые объекты, которые мне нужны для записи идентификатора объекта .next (). Первый раз, когда он должен быть записан, это когда вы mousedown и объект (чтобы получить идентификатор объекта .next ()) и второй раз, чтобы получить объект ID .next (), где он находится.

Я могу использовать mousedown для получения первого идентификатора .next ().

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

$("li").live("mousedown",function(e) {
    document.getElementById("result").innerHTML=($(this).next("li").attr('id'))
});

Но что я могу использовать для получения идентификатора объекта .next () после его размещения?

Для ясности вот документ JSfiddle:

http://jsfiddle.net/TSM_mac/pJbeB/

Answer 1

Вот живая демонстрация

Вот код

$(function() {
    $( "#sortable" ).sortable({
        start : function(event, ui) {
            $('#result').html($(ui.item).next().next().attr('id'));
            //we have to use .next().next() because jquery creates a dummy
        },
        stop : function(event, ui) {
            $('#result').html($(ui.item).next().attr('id'));
        }
    });
    $( "#sortable" ).disableSelection();
});

Обратите внимание на использование next().next(), это намеренно.

Посмотрите на API список доступных событий / методов при работе с сортируемым: http://jqueryui.com/demos/sortable/

Answer 2

Я думаю, что мышка - это то, что вы ищете.

    $("li").live("mouseover",function(e) {
        document.getElementById("result").innerHTML=($(this).next("li").attr('id'))
    });