jQuery 정렬 가능한 표 셀 취소

Question

정렬 가능 <TD> 님의 문제가 있습니다.

$("table tbody").sortable({ 
    handle: "td[tyhi='0']", 
    cancel: "td[tyhi='1']" 
}); 

코드 이상 작동하지 않습니다 ... 은 어떻게 <TD> 속성 tyhi="1"에 제외 할? 마지막 위치로 두 번째 첫째 넣어 여부를 할 수 있도록

http://jsfiddle.net/tiitremmel/sFLFb/

Answer 1

나는 그것을 필요합니다. tyhi="1"은 항상 마지막이어야합니다.

이 경우 정렬 가능한/정렬 할 수없는 요소를 다른 포함 요소에 넣어야합니다. 테이블과 당신이 예에서 td 요소를 넣는 것이 가장 의미 일 것 tfoot에 마지막으로 표시해야하는 :

<table> 
    <tbody> 
     <tr> 
      <td tyhi="0">first</td> 
     </tr> 
     <tr> 
      <td tyhi="0">second</td> 
     </tr> 
    </tbody> 
    <tfoot> 
     <tr> 
      <td tyhi="1">third</td> 
     </tr> 
    </tfoot> 
</table> 

jQuery를

$("table tbody").sortable({ 
    handle: "td" 
}); 

Example fiddle

Answer 2

당신이 행을하지 정렬 할 html은 다음과 같이 표시되어야합니다.

<table> 
<tbody> 
    <tr tyhi="0"> 
     <td>first</td> 
    </tr> 
    <tr tyhi="0"> 
     <td>second</td> 
    </tr> 
    <tr tyhi="1"> 
     <td>third</td> 
    </tr> 
</tbody> 
</table> 

그리고 자바 스크립트 :

$("table tbody").sortable({ 
    items: "tr:not(tr[tyhi='1'])" 
}).disableSelection();