jquery 드래그 앤 테이블에 놓기

Question

나는 5 개의 행이있는 테이블을 가지고 있으며 jquery에 드래그 앤 드롭 기능이있어 jquery를 처음 사용하기 때문에 테이블 안의 데이터 순서를 변경할 수 있습니다 이 도움을 구현하는 방법에 대한 아이디어가 없습니다.

Answer 1

Jquery UI는 끌어서 놓기를 지원합니다. 그게 당신에게 좋을까요?

http://jqueryui.com/demos/draggable/

당신은 JQuery와 UI를 다운로드해야하고 프로젝트에 포함됩니다. 주요 JQuery와 프로젝트에 플러그인 때문에 별도 페이지에

http://jqueryui.com/download

아니면 정렬 테이블 함수는 다음

http://jqueryui.com/demos/sortable/

Answer 2

당신이 사용과 이동 더 좋을 수도를 포함 할 필요가 있어요 jQuery UI.

샘플 테이블 :

<table class="list"> 
    <tbody> 
     <tr class="sep"> 
      <td>Foobar</td> 
     </tr> 
    </tbody> 
</table> 

샘플 JS는 :

당신이 무슨 짓을

$('table.list tbody').sortable({ 
    disabled: false, 
    items: 'tr.sep', 
    // handle: 'span.ui-icon-arrowthick-2-n-s', 
    opacity: 0.7, 
    axis: 'y', 
    forceHelperSize: true, 
    update: function(e, ui) { 
     var currentTr = ui.item; 
     // do some stuff... 
    } 
}).disableSelection();