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

包裝你<tr>的在<tbody>和你的代碼更改爲：

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

您指定包含要爲可排序而不是實際的元素元素的容器......

Answer 2

嘗試傳遞一個元素：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();