如何使用jQuery Sortable获取索引

时间:2017-01-23 21:26:45

标签: jquery

使用第三方插件jQuery Sortable,我们如何获取最后拖动和排序的项目的索引?

如果我有3个项目,例如下面的3个<tr>行,每个值都有一个<td>块...

mom  1
dad  2
baby 3

...我将行baby 3拖到第一行,我必须做什么回调过程才能显示它现在是索引1.

页面上没有记录如何执行此操作的说明。这就是为什么我要求一个受过教育的建议。感谢

1 个答案:

答案 0 :(得分:1)

您可以使用onDrop回调来引用被拖动的项目并获取它的索引:

$("ol.example").sortable({
    'onDrop': function($item, container, _super, event) {
      console.log($item.index());
    }
  });

Example