Jquery接口可在更新提交更改时进行排序

Question

我有一个jquery可排序脚本

$("#visuals").sortable({
  revert:200,
  opacity:.8,
  tolerance:"pointer",
  placeholder:"dropZone",
  start:function(event,ui){
    ui.placeholder.html("<div><div></div></div>");
}}).disableSelection()

我想创建一个“on update”函数来获取原始索引位置并找到更新的索引位置。

这样的事情：

update:function(event,ui){
  previous=$("originalElement").prevAll().length+1
  updated=$("updatedElement").prevAll().length+1
}

原：

<ul>
  <li>item 1</li>
  <li>item 2</li>
  <li>item 3</li>
</ul>

将移动项目3更新为项目1点：

<ul>
  <li>item 3</li>
  <li>item 1</li>
  <li>item 2</li>
</ul>

将返回：

original index: 3
updated index: 1

Answer 1

可以像这样获得原始索引和更新的索引：

  start:function(event,ui){
    originalIndex=ui.item.prevAll().length+1
  },
  update:function(event,ui){
    updatedIndex=ui.item.prevAll().length+1
  }