Как я могу получить идентификатор сортируемого элемента?

Question

Я использую Sortable и получил его и работает.Но я пытаюсь сохранить то, что находится внутри списков.

Допустим, у меня есть 3 списка:

<ul id="top" class="connectedSortable">
<li>elem1</li>
<li>elem2</li>
<li>elem2</li>
</ul>

<ul id="left" class="connectedSortable">
</ul>

<ul id="right" class="connectedSortable">
</ul>

jQuery:

$("#top, #left, #right")
.sortable({
    connectWith: ".connectedSortable",
    stop: function(event, ui)
    {
        alert(this.id); // printing top, left right...
    }
})
.disableSelection();

У меня естьпопытался использовать событие stop внутри сортируемого, но он, конечно, возвращает только идентификатор ul.Так что я хочу, чтобы jQuery сообщал мне, когда я перешел elem1 с list1 на list2 (или на любой elemX, конечно).

Я пытаюсь сделать домашнюю страницу, котораяпользователь может определить макет самостоятельно.

Answer 1

Я думаю, вы хотите использовать обратный вызов receive:

http://jsfiddle.net/nzskv/1/

$("#top, #left, #right").sortable({
    connectWith: ".connectedSortable",
    receive: function(event, ui) {
        alert("[" + this.id + "] received [" + ui.item.html() + "] from [" + ui.sender.attr("id") + "]");
    }
}).disableSelection();