Question

我有一个包含两列的表 - 行号和名称

该表必须可由用户排序（使用拖放）。

这是表格的HTML：

<table class="table table-striped sorted_table">
        <thead>
        <tr>
            <th>#</th>
            <th>Name</th>
        </tr>
        </thead>
        <tbody id="tbody-list">
            <tr>
                <td class='td-index'>1</td>
                <td>Frank</td>
            </tr>
            <tr>
                <td class='td-index'>2</td>
                <td>Bill</td>
            </tr>
            <tr>
                <td class='td-index'>3</td>
                <td>John</td>
            </tr>
            <tr>
                <td class='td-index'>4</td>
                <td>David</td>
            </tr>
            <tr>
                <td class='td-index'>5</td>
                <td>Elisa</td>
            </tr>
            <tr>
                <td class='td-index'>6</td>
                <td>Anna</td>
            </tr>
        </tbody>
    </table>

这是用于排序的jquery（拖放）：

$('.sorted_table').sortable({
    containerSelector: 'table',
    itemPath: '> tbody',
    itemSelector: 'tr',
    placeholder: '<tr class="placeholder"/>',
    update: function( event, ui) {
        $('.td-index').each(function(index ) {
            index++;
            $(this).text(index );
        })
    }
})

我使用update的{{1}}回调函数重新生成每次排序后每行的编号 - 但它没有

我应该使用什么回调函数？

Answer 1

尝试beforeStop或stop而不是更新

jquery sortable（）完整的回调函数

1 个答案: