6

jQuery UI Sortable 関数の実例があります。HTML テーブルに適用して、テーブルの行をドラッグ アンド ドロップして並べ替えています。特定の行のクラスをソート可能から除外したい場合を除いて、うまく機能します。パラメータを使用してitems、1 つのクラス (クラス) を正常に除外できます"list-button-bar"が、複数のクラスを除外する方法の構文を理解することはできません。たとえば、<th>の他のクラスを除外したい<tr>。

これはおそらくドキュメントにあるものの 1 つですが、何を検索すればよいかさえわかるほど 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>
4

3 に答える 3

14

コンマを使ってみましたか？この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'
  });
于 2011-05-13T21:20:29.850 に答える
2

複数のクラスの tr を除外するには:

$("#applications_list tbody.list-tbody").sortable({
        items: "tr:not(.list-button-bar,.other-class1,.other-class2)",
        cursor: 'crosshair'
});
于 2012-02-07T16:20:48.103 に答える
1

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)"
});
于 2011-06-20T21:34:01.353 に答える