javascript - jquery 拖放表格

Question

我有一个包含 5 行的表并且其中有数据在 jquery 中是否有任何拖放功能我可以用来更改表内数据的顺序因为我是 jquery 的新手我不知道如何实现这个任何帮助

Answer 1

在这里，您将使用 jQuery UI。

示例表:

<table class="list">
    <tbody>
        <tr class="sep">
            <td>Foobar</td>
        </tr>
    </tbody>
</table>

示例 JS:

$('table.list tbody').sortable({
    disabled: false,
    items: 'tr.sep',
    // handle: 'span.ui-icon-arrowthick-2-n-s',
    opacity: 0.7,
    axis: 'y',
    forceHelperSize: true,
    update: function( e, ui ) {
        var currentTr = ui.item;
        // do some stuff...
    }
}).disableSelection();