일반 정렬되지 않은 UL 목록의 목록을 정렬 가능한 목록으로 복제

Question

검색 결과를 표시하는 분류되지 않은 UL 목록이 있습니다. 사용자가 필요한 LI를 클릭하고 전체 LI 사본을 jQuery UI 정렬 가능 목록에 넣고 필요한 항목을 선택한 후 정렬하고 정렬 할 수있게하려고합니다. 해당 LI는 범위, 이미지 및 JSON이 포함 된 숨겨진 필드로 구성됩니다.

HTML :

<li onclick="cloneToSortable(this);"><img src="item.jpg"> <span>Result Name</span> <input type="hidden" name="0arr" value='{"field1":"val1","field2":"val2","field3":"val3"}' /></li> 
<li onclick="cloneToSortable(this);"><img src="item.jpg"> <span>Result Name</span> <input type="hidden" name="1arr" value='{"field1":"val1","field2":"val2","field3":"val3"}' /></li> 
<li onclick="cloneToSortable(this);"><img src="item.jpg"> <span>Result Name</span> <input type="hidden" name="2arr" value='{"field1":"val1","field2":"val2","field3":"val3"}' /></li> 
<li onclick="cloneToSortable(this);"><img src="item.jpg"> <span>Result Name</span> <input type="hidden" name="3arr" value='{"field1":"val1","field2":"val2","field3":"val3"}' /></li> 

자바 스크립트 :

function cloneToSortable(li) 
{ 
    $('#itemSearchList ul li:eq('+$(li).index()+')').clone().appendTo('#sortable'); 
} 

이 나에게 오류 메시지를 제공하지뿐만 아니라 중 하나를 나에게 정렬 목록에서 아무것도 제공하지 않습니다. 어떤 아이디어? 나는이 문제

Answer 1

$(li).clone().appendTo('#sortable') 

정확히 되었습니까? 왜 단순히 :`$ (li) .clone(). appendTo ('# sortable')`?