Question

我有以下示例表代码，

<table id="Table1">
<thead>
    <th>Title</th>
</thead>
<tbody>
    <tr>
        <td>Row 1</td>
    </tr>
    <tr>
        <td>Row 2</td>
    </tr>
    <tr>
        <td>Row 3</td>
    </tr>
    <tr class='disabled'>
        <td>Row 4</td>
    </tr>
    <tr>
        <td>Row 5</td>
    </tr>
</tbody>
</table>

我正在jQuery Sortable下面申请，效果很好，

$("#Table1 tbody").sortable({
});

但是，现在我想排除类别为“禁用”的“tr”排序，我要应用下面的代码（jquery选择器），但它不起作用。选择器有什么问题吗？我必须在HTML表格中使用“thead”和“tbody”。

或者有其他替代方法吗？谢谢，

$("#Table1 tbody tr:not(.disabled)").sortable({
});

Answer 1

使用items选项：

通过传递jQuery选择器指定哪些项目有资格进行排序进入项目选项。不包括此选项的项目可排序的，也不是可排序项目的有效目标。

$("#Table1 tbody").sortable({
    items: 'tr:not(.disabled)'  
});

Demo

Answer 2

您可以使用items选项指定元素中的哪些项目可以排序。像：

$("#Table1 tbody").sortable({
    items: ':not(.disabled)'
});

Click here了解更多参考资料：

从可排序项中排除项目

2 个答案:

Demo