1

次のようなページがあります。

<script type="text/javascript">
    $(function () {

        $('table tbody').sortable({
            update: OnSortableUpdate
        });
        $('table tbody').disableSelection();
});
</script>

<table>
<tr class="sortable-tr">
    <td>A</td>
    <td>B</td>
    <td><img src="sort.png" class="sort-handle" /></td>
</tr>
<tr class="sortable-tr">
    <td>A</td>
    <td>B</td>
    <td><img src="sort.png" class="sort-handle" /></td>
</tr>
</table>

これはうまくいきます。しかし、各行の画像のみを使用して を並べ替えたいと思います。ドラッグなどができるようになりました

それはどのように行われますか？

4

1 に答える 1

3

jqueryのsortable属性を使用できますhandle

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

画像にクラス「ハンドル」を付けます

<div class="handle"><img src="sort.png" class="sort-handle" /></div>

そしてここにフィドルがあります：http：//jsfiddle.net/qGGhK/16/

于 2012-12-07T08:10:04.470 に答える