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();

Answer 2

Jquery UI支持拖放。这对你有好处吗？

http://jqueryui.com/demos/draggable/

您需要下载JQuery UI并将其包含在您的项目中。它是主要JQuery项目的插件，因此需要单独包含在您的页面中

http://jqueryui.com/download

或者排序表功能可能更好

http://jqueryui.com/demos/sortable/