숫자가 움직이지 않는 곳에서 정렬 가능한 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> 

다음과 같은 자바 스크립트는 각 목록 항목의 왼쪽에 숫자를 추가합니다 :

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" 
    }); 
    }); 
}; 

나는 아직도 내가 사과 자바 스크립트와 jQuery로 멍청한 놈이야 코드의 어리 석음.