머리말과 꼬리말로 시작하는 표가 있으며 사용자가 행을 추가합니다.jQuery 드래그 앤 드롭을 사용하여 생성 된 표의 순서를 바꿉니다.
나는 사용자가 이러한 방식으로 어떤 행을 구성 할 수 있기를 원합니다. 드래그 앤 드롭이 가장 직관적 인 것처럼 보입니다.
.delegate 또는 .live 작동 방식과 비슷한 라이브 콘텐츠에서 작동하는 플러그인 또는 기타 코드를 찾을 수없는 것 같습니다. 어떤 아이디어?
* 편집 : 나는 사용자가 추가 한 행을 재 배열하기 위해 임시 솔루션이 함께했다
(내가 올려 테이블에서 아래쪽 화살표를, 클래스 .uparrow와 .downarrow). 나는 그들을 드래그 앤 드롭하는 방법을 찾기를 여전히 희망하고있다. 사람이 관심이 있다면
, 여기에 화살표에 대한 코드입니다 : 나는 비슷한 문제의 전 처리
$('#garmenttable').delegate('.uparrow','click',function() {
var thisObj = $(this).closest('tr');
var prevTR = thisObj.prev('tr:not(.header)');
if(prevTR.length) {
prevTR.before(thisObj.clone(true, true));
thisObj.remove();
}
});
$('#garmenttable').delegate('.downarrow','click',function() {
var thisObj = $(this).closest('tr');
var nextTR = thisObj.next('tr:not(.footer)');
if(nextTR.length) {
nextTR.after(thisObj.clone(true, true));
thisObj.remove();
}
});