在jquery可排序的#div </li>中按其ID自动刷新<li>顺序

时间:2012-06-03 08:09:28

标签: jquery jquery-ui-sortable

我需要这样,当#sortable收到一个项目时,它会自动刷新自己的<li>订单,并按 id 属性按字母顺序排序<li>。< / p>

<head><script>
    $( "#titolari, #panchina" ).sortable({
           receive: function(event, ui) {
                refresh order of <li> alphabeticly by their id,
           }
    });
</script></head>

1 个答案:

答案 0 :(得分:0)

首先;这个函数你想要一个线索...这并不重要..或者说,参数不是,除非你想用ui或事件数据做某事。只要从另一个linked列表接收到元素,就会执行接收。 JS有一个内置的sort function,结合jquery和UI位,可以实现这一点。

组合它的方法..使用jquery获取li元素的元素数组($('element')返回一个数组),使用匿名函数对该数组进行排序,该函数比较a的id值和b变量(匿名函数),并根据接收事件发生的时间(和地点)执行排序。我有一个有效的例子,但我希望在我发布之前看到你尝试一些东西。我已经解释了如何在不泄露任何东西的情况下尽最大努力达到理想的效果。