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

Fiddle

jQuery UI Reference