동적으로 선택 상자 + jQuery UI 정렬 가능 기입

Question

<ul> 목록에서 옵션 값을 취하는 선택 상자가 있습니다. 목록은 jQuery UI 정렬 가능한 기능을 통해 변경 가능하며 항목을 다르게 정렬 할 때 선택 상자가 동적으로 업데이트됩니다.

내가 그 기능을 한 코드가 지저분하지만 작업을 수행합니다 http://jsfiddle.net/trunkadelic/TtnTf/2/

내가 무엇이 필요 목록을 가져 오는 "재설정"기능, (따라서 그리고, 선택 박스)는 다시 그들의 원래 값. 나는 이것에 접근하는 방법을 잘 모르겠다. 올바른 방향으로 나아가는 것조차도 매우 감사 할 것이다.

Answer 1

페이지로드시 JavaScript 변수에 목록의 초기 상태를 저장합니다. 그런 다음 리셋 링크를 클릭하면 페이지로드 당시의 상태로 <ul>의 상태를 복원합니다. 거기에서 이미 선택 메뉴를 업데이트해야하는 동일한 방법을 사용할 수 있습니다.