我如何获得可排序元素的id？

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当然只返回了id.所以,我要的是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();