javascript - 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());
}

小提琴

jQuery UI 参考