如何使用jQuery UI Sortable？

Question

我有一个内容管理系统，需要使用jQuery Sortable对我的菜单进行排序。

排序的结果是什么，也就是说，当我通过sortable拖放元素时，它会给出一个索引号吗？

例如：

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

- BeToChe

Answer 1

您可以通过选项stop来处理事件sortstop，此时项目已经有了新的顺序，您可以访问ui.item获取拖放的项目，并使用.index()方法来了解它在项目集合（具有相同父级）中的索引：

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

Demo.

- King King