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

我想創建一個「關於更新」功能來獲得原始索引位置，並找到更新的索引位置。

事情是這樣的：

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 
    }