정렬 가능한 이름의 항목을 변경하는 방법

Question

은 JSON 파일에서로드 된으로 정렬 가능합니다.

이제 예를 들어 작은 새와 같은 항목 하나를 수정하고 싶습니다.

변경하는 방법?

정렬의 HTML 코드 :

<div id="sortparam"> 

<ul style="" class="ui-sortable" id="sortable"> 
    <li style="" id="1" class="ui-state-default"> <span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Singular sensation</li> 
    <li style="" id="2" class="ui-state-default"> <span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Beady little eyes</li> 
    <li style="" id="3" class="ui-state-default"> <span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Little birds </li> 
</ul> 

</div> 

Answer 1

당신은 contenteditable 사용할 수 있습니다 -"작은 새"에 http://jsfiddle.net/Jv5Zq/

을 클릭하고 들어

<div id="sortparam"> 

<ul style="" class="ui-sortable" id="sortable"> 
    <li style="" id="1" class="ui-state-default"> <span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Singular sensation</li> 
    <li style="" id="2" class="ui-state-default"> <span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Beady little eyes</li> 
    <li style="" id="3" class="ui-state-default" contenteditable> <span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Little birds </li> 
</ul> 

</div>​