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();

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

1 个答案: