jQuery 사용자 목록 정렬

아래 링크와 비슷한 항목 큐를 관리해야합니다. http://www.codeproject.com/KB/aspnet/NetflixQueue.aspx jquery를 사용하여 UL의 항목을 정렬해야합니다.jQuery 사용자 목록 정렬

사용자가 &을 드래그하여 항목 순서를 변경할 수있는 netflix 대기열과 비슷하며 선택한 항목을 목록의 맨 아래/맨 아래로 이동하는 버튼이 있어야합니다.

jQuery 전문가 중 일부가이 요청을 도와 줄 수 있습니까? Jquery에서 처음 작업 한 내용이므로 자세한 정보가 필요하면 알려주십시오.

감사합니다, Gokul

출처

2010-07-12 Gokul

간단한 경우, ID sortable와 ul : http://jsfiddle.net/SXCsh/

출처

2010-07-12 19:28:04

안녕 Simen, 대단히 감사 :

$(function() { var selectedItem = null; var isSorting = false; $("ul#sortable") .sortable({ start: function() { isSorting = true; } }) .find("li").click(function(e) { if (!isSorting) { selectedItem = $(e.target).addClass("selected"); selectedItem.siblings().removeClass("selected"); } else { isSorting = false; } }); $("button#btn_top").click(function() { if (selectedItem != null) { selectedItem.prependTo(selectedItem.parent()); } }); $("button#btn_bottom").click(function() { if (selectedItem != null) { selectedItem.appendTo(selectedItem.parent()); } }); });

여기 데모입니다. 조금 업데이트되었습니다. http://jsfiddle.net/SXCsh/5/ jsfiddle을 소개해 주셔서 감사합니다. 매우 도움이됩니다. – Gokul

jQuery 사용자 목록 정렬

답변

관련 문제