jquery - 如何获取可排序元素的 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();

我尝试在 sortable 中使用 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();