дескриптор стола 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>

Script

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