it-swarm.com.ru

дескриптор стола jQuery UI

У меня есть некоторые сложности с сортируемой ручкой.

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

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

Нет проблем.

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

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

Ссылки:

http://jsfiddle.net/22C2n/

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

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

13
Diego

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

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

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

28
mike

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

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

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