jQuery를 사용하여 정렬 가능한 목록 작성 (jQueryUI는 너무 무거움)

Question

jQuery를 사용하여 정렬 가능한 목록을 작성하고 싶습니다.

내 생각은 다음과 같습니다. li 요소가 마우스로 움직이면 mouseup 이벤트가 발생할 때 li 요소가 배치 될 위치 표시자가 동적으로 배치됩니다.

하지만 한 가지를 얻지 못합니다 : 다른 li 요소를 자리 표시 자의 움직임에 따라 적절하게 위아래로 이동하는 방법. 이 메서드는 실제로 목록의 각 요소의 인덱스를 자동으로 변경하지 않으므로이 요소를 이동하려면 CSS의 '최상'속성을 사용해야한다고 생각하지 않습니다. 누군가 나에게 이것에 대해 약간의 아이디어를 줄 수 있을까요? 감사.

Answer 1

사실 jQuery UI를 사용하면 스크립트에서 원하는 부분을 선택할 수 있습니다. 그래서 당신은 sortable 만 선택할 수 있습니다 (3 가지 다른 의존성을 갖지만 특히 큰 것은 없습니다). jQuery UI 홈페이지로 이동하여 사용자 정의 다운로드 빌드를 클릭하십시오. 이 방법으로 매우 가벼운 스크립트를 얻을 수 있습니다 (다운로드시 읽을 수있는 코드를 선택하면 더 이상 사용할 수 없습니다).

이것은 브라우저 간 호환성 및 jQuery UI 코드가 실제로 읽을 수 있고 불필요한 기능을 제거하는 데 도움이됩니다 (예 : scrollSensitivity setter를 제거 할 수 있음).