我正在使用 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
> 当然)。
我正在尝试制作一个用户可以自己定义布局的主页。
最佳答案
我认为您想使用receive
回调:
$("#top, #left, #right").sortable({
connectWith: ".connectedSortable",
receive: function(event, ui) {
alert("[" + this.id + "] received [" + ui.item.html() + "] from [" + ui.sender.attr("id") + "]");
}
}).disableSelection();
关于jquery - 如何获取可排序元素的 id?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5244869/