可排序的GET元素索引

Question

我得到這個HTML代碼：

<div id="pages"> 
    <div id="page1"></div> 
    <div id="page2"></div> 
    <div id="page3"></div> 
    <div id="page4"></div> 
</div> 

只是爲了測試我想顯示的排序網格中的元素的索引：

$("#pages").sortable({ 

    sort: function(event,ui){ 
     console.log($('#pages').index(ui.item)); 
    } 
}); 

返回的索引是索引，其中，拖動的元素開始拖動。 如果我在停止/更新事件中移動代碼，我會收到正確的索引。 我的問題是，在拖動視覺通知（其他divs之間翻轉）是索引返回的另一個，我需要更改元素的css邊距。

如何在拖動元素時獲得正確的順序？

TIA frgtv10

Answer 1

要訪問你需要使用ui.placeholder項目拖動項目的當前索引。

$("#pages").sortable({ 
    helper: "clone", 
    sort: function(event, ui) { 
     console.log($(ui.placeholder).index()); 
    } 
}); 

jsFiddle here (jQuery 1.8.2, jQueryUI 1.9.2)