如何使用jquery ui排序？

Question

我有一个CMS，在我的CMS中，我需要通过jquery sortable对我的菜单进行排序！

排序的结果是什么，我的意思是当我通过sortable拖放元素时排序的结果是什么？ jquery sortable会给我一些索引吗？

例如：

当我拖动菜单中第一个的项目，并将其放在菜单的末尾，如何获取项目的新索引？ < / p>

Answer 1

您可以处理事件sortstop（可以通过选项stop完成），此时项目已经有新订单，您可以访问ui.item来获取被删除的项目并使用.index()方法知道项目集合中的索引（具有相同的父项）：

$('ul').sortable({
  stop: function(e,ui){
    //show the index
    alert(ui.item.index());
  }
});

Demo