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>

哪个效果很好。但是我想仅使用每行的图像来排序。现在可以拖动等等

这是怎么做到的？

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/

仅使用图像进行排序

1 个答案: