从可排序项目中排除项目答案

【问题标题】：Exclude items from sortable从可排序项目中排除项目
【发布时间】：2013-06-10 21:18:22
【问题描述】：

我有下面的示例表代码，

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

【问题讨论】：

您错过了表格标题，因此我们无法验证 id

标签： jquery jquery-selectors jquery-ui-sortable

【解决方案1】：

使用items 选项：

通过传递一个 jQuery 选择器指定哪些项目可以排序进入项目选项。此选项中排除的项目不可排序的，它们也不是可排序项目的有效目标。

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

Demo

【讨论】：

【解决方案2】：

您可以使用items 选项来指定元素内的哪些项目应该是可排序的。喜欢：

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

Click here 更多参考资料：

【讨论】：