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)只会使第一个表格单元格可排序，其余所有单元格都不可排序。尝试在span中添加td并将其用作句柄（demo）。

HTML

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

脚本

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