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();