jquery - 仅使用图像可排序

Question

我有一个看起来像这样的页面：

<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>

效果很好。但我想仅使用每行的图像对 's 进行排序。现在可以拖动等

这是怎么做的？

Answer 1

您可以使用 jquery 可排序属性handle

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

你会给你的图像类“句柄”

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

这是一个小提琴：http: //jsfiddle.net/qGGhK/16/