jquery – 如何获得可排序元素的id?

前端之家收集整理的这篇文章主要介绍了jquery – 如何获得可排序元素的id?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用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回调:

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

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

猜你在找的jQuery相关文章