javascript - jquery sortable() 允许拖放标题

Question

所以我使用 jQuery sortable() 函数来允许用户拖放表的行。该表本身非常标准，如下所示:

<table>
    <tr>
        <th>Name</th>
        <th>Surname</th>
    </tr>
    <tr>
        <td>John</td>
        <td>Doe</td>
    </tr>
</table>

在 Javascript 文件中我有:

$('table tbody').sortable()

效果很好，除了它使标题可拖动之外，我可以对它以及其他行进行排序。如何解决此问题并使 header 静态化？

Answer 1

只需从插件中排除 header :

为 header 指定一个类tr

<table>
    <tr class="header-tr">
        <th>Name</th>
        <th>Surname</th>
    </tr>
    <tr>
        <td>John</td>
        <td>Doe</td>
    </tr>
</table>

然后:

$('table tr').sortable({items: 'tr:not(.header-tr)'});