jquery API sortable如何联合两个div中的数据排序

 <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中的数据拼接起来,作为一个整体传回给后台,来更新他们的顺序。

展开阅读全文

没有更多推荐了,返回首页