jQuery - 获取可排序列表的索引

Question

假设我有一个像这样的可排序列表：

$(".song-list").sortable({
  handle : '.pos_handle',
  axis : 'y',
  opacity: 0.6,
  update : function () {
    var id = $(this).index();
    console.log("Moved to new position: " + id);
  }
});

当您移动列表时，它应该在控制台中使用新位置进行更新。 .pos_handle没有ID ..只有班级。

我如何获得它的新移动位置的索引？

Answer 1

使用准备好的ui对象的.item属性来引用当前正在移动的元素：

update : function (event, ui) {
    console.log("Moved to new position: " + ui.item.index());
}

Fiddle

jQuery UI Reference