jquery-ui - jQuery UI Sortable - 如何包含/排除多个“项目”？

Question

我有一个 jQuery UI Sortable 函数的工作示例。我将其应用于 HTML 表格以拖放和排序表格行。它工作得很好，除了我想排除某些类别的行是可排序的。使用该items参数，我可以成功排除一个类（"list-button-bar"类），但我一生都无法弄清楚如何排除多个类的语法。例如，我想排除<th>和其他类别的<tr>.

这可能是文档中的其中之一，但我对 jQuery UI 还不够熟悉，甚至不知道要搜索什么。

这是工作代码：

<script>
    $(function() {
      $("#applications_list tbody.list-tbody").sortable({
        items: "tr:not(.list-button-bar)",
        cursor: 'crosshair'
      });
      $("#applications_list tbody.list-tbody").disableSelection();

    });
</script>

Answer 1

您是否尝试过使用逗号？该items选项采用 jQuery 选择器：

  $("#applications_list tbody.list-tbody").sortable({
    items: "tr:not(.list-button-bar), :not(th)", // Excludes <tr>s without a class and <th>s
    cursor: 'crosshair'
  });

Answer 2

要排除多类 tr 使用：

$("#applications_list tbody.list-tbody").sortable({
        items: "tr:not(.list-button-bar,.other-class1,.other-class2)",
        cursor: 'crosshair'
});

Answer 3

在 Jquery UI 1.8 中使用以下内容：

$("#applications_list tbody.list-tbody").sortable({
    // Excludes <tr>s without a class and <th>s
    filter: "tr:not(.list-button-bar), :not(th)"
});