JQuery UI сортируемый дескриптор таблицы

У меня возникают трудности с сортировкой дескриптора опции.

Когда я использую:

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

Нет проблем.

Если я добавлю параметр handle, сортируемые перестанут работать:

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

Ссылки:

http://jsfiddle.net/22C2n/

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

Кто-нибудь может мне помочь?

Ответ 1

Оберните <tr> в <tbody> и измените свой код на:

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

Вы указываете контейнер, содержащий элементы, которые вы хотите сортировать, а не фактические элементы...

Ответ 2

Попробуйте передать элемент: http://jsfiddle.net/22C2n/5/

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

Ответ 3

Установка дескриптора в td:eq(0) делает только сортировку первой ячейки таблицы, а все остальные ячейки - нет. Попробуйте добавить span внутри td и использовать его в качестве дескриптора (demo).

HTML

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

Script

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