jQuery UI sortableテーブルのオプション設定について。

Question

sortableオプションハンドルにてこずっています。

以下は問題はありません。

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

ですが、handleオプションを追加するとsortableは動かなくなります。

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

やりたいことは、tr内の最初のtdだけドラッグできる部分に指定したいです。

どなたかお助け願いますか？

Answer 1

まず<table>の下に<tbody>を置いて、コードを以下のように変更しましょう。

HTML
<table>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>

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

要素そのままではなく、sortableにしたい要素を含むコンテナを特定しましょう。