jQuery UI可排序，其中數字不會移動

Question

我使用jQuery UI進行排名投票，您可以看到一個示例here。

我想改變它，這樣當選舉人拖拽候選人姓名時，姓名會移動，但旁邊的數字不會。

我知道我可以通過隱藏列表數字並在排序旁邊添加一個單獨的固定數字列表來做到這一點，但我希望得到一個更簡單的解決方案。

任何想法，一個簡單的方法來實現這一點？

Answer 1

我發現了一個很簡單的方法來實現這一點。假設這是列表：

<div id="ballot"> 
<ol id="sortable"> 
<li>One</li> 
<li>Two</li> 
<li>Three</li> 
</ol> 
</div> 

然後下面的JavaScript將一個號碼添加到每個列表項的左：

window.onload = function(){ 
    $("#sortable li").each(function(n) { 
    var pos = $(this).position(); 
    var number = document.createElement('p'); 
    number.innerHTML = (n+1) + "."; 
    $(number).css("position", "absolute"); 
    $("#ballot").append(number); 
    $(number).position({ 
     my: "center", 
     at: "left", 
     of: this, 
     offset: "-15 0" 
    }); 
    }); 
}; 

我還是用JavaScript和jQuery一個小白，所以我道歉代碼中的任何愚蠢行爲。