jQuery UIのソート可能なテーブルハンドル

Question

私はソート可能なオプションハンドルでいくつかの困難を抱えています。

私が使用：

$("table tr").sortable().disableSelection(); 

全く問題はありません。私はハンドルのオプションを追加する場合

することは、その後の作業ソート可能な停止：

$("table tr").sortable({ 
    handle: "td:eq(0)" 
}).disableSelection(); 

リンク：

http://jsfiddle.net/22C2n/

http://jsfiddle.net/22C2n/1/

は、誰も私を助けてくださいことはできますか？

Answer 1

<tbody>であなたの<tr>年代をラップしにコードを変更：

Answer 2

てみてください...あなたがいない実際の要素ソート可能にする要素が含まれているコンテナを指定

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

要素渡す：http://jsfiddle.net/22C2n/5/

$("table tr").sortable({ 
    handle: $("td:eq(0)") 
}).disableSelection(); 

Answer 3

td:eq(0)へのハンドルを設定すると、最初のテーブルを作りますセルソート可能、残りのセルはすべてありません。 tdの中にspanを追加して、ハンドル（demo）として使用してください。

HTML

<table> 
    <tr> 
     <td><span>&bull;</span>1A</td> 
     <td>1B</td> 
     <td>1C</td> 
    </tr> 
    ... 
</table> 

スクリプト

$("table tr").sortable({ 
    handle: "span" 
}).disableSelection();