jQueryソーティング可能なテーブルセルキャンセル

Question

私はソート可能な問題がある<TD>です。

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

上記のコードは、属性tyhi="1"と<TD>を除外するために、どのように... が動作していませんか？

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

Answer 1

あなたが最初または最後の位置に2番目を置くことができないように私はそれを必要とします。 tyhi="1"は常に最後にする必要があります

この場合、ソート可能/ソート不可能な要素を異なる要素に入れる必要があります。テーブルとあなたの例では、tfootに最後に表示しなければならないtd要素を置くことはほとんどセマンティック次のようになります。

<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> 

とJavaScript：

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