в jQuery сортируемыми пользовательского интерфейса таблица ручка


У меня возникли некоторые трудности с сортируемой ручкой опции.

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

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

Нет никаких проблем.

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

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

Ссылки:

Http://jsfiddle.net/22C2n/

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

Кто-нибудь может мне помочь, пожалуйста?
3 13

3 ответа:

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

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

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

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

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

Установка дескриптора в 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();