如何使用 jquery ui 可排序？

Question

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

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

例如：

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

Answer 1

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

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

Demo.