<ul id='link-1' class="sortlink">
很多<li></li>
</ul>
<ul id='link-2' class="sortlink">
很多<li></li>
</ul>
$(".sortlink").sortable({
connectWith: $('.sortlink'),
update: function (event, ui) {
var arr1 = $("#link-1").sortable('toArray');
var arr2 = $("#link-2").sortable('toArray');
var comb_arr = arr1.concat(arr2);
//到此可以把整个comb_arr看做一个整体用ajax传回给后台更改顺序
}
})
以上代码假设从后台选出了一组有序的数据,但是需要把他们放到页面不同的div里,那么在使用sortable排序的时候问题来了,如何将他们看做一个整体排序?注意这里有一个api叫connectWith,他把这两个div联合起来,使sortable明白这两个div中的li是联系在一起的。在传回给后台的时候,需要将这两个div中的数据拼接起来,作为一个整体传回给后台,来更新他们的顺序。