1

ここで jsFiddle でやろうとしていることのデモを作成しました: http://jsfiddle.net/clowerweb/SbNdb/

並べ替えるには、テーブル ヘッダーをクリックするだけです (複数回クリックする必要がある場合があります)。

したがって、ここにあるのは、可変数のエントリを持つことができるコンテスト参加者を追加および削除するための動的なテーブルです (最終的には保存可能になり、ランダムな勝者を選択します)。

競技者を入力しているユーザーは、リストをアルファベット順またはエントリ数で並べ替えたいと思うかもしれません。ここSOで素敵なテーブルソータースクリプトを見つけて、jQuery関数に追加しました。

問題は、入力値を読み取っていないようです。両方の方法でテーブルの順序を逆にしてデフォルトに戻しますが、実際には入力値でソートしません。

次の 2 つの問題のいずれかである可能性があります。

  1. 最も可能性が高いのは、単に入力値を読み取っていないことです。
  2. また、動的に追加された行を実際に見ることができない可能性もあります (ただし、クリックするとテーブルをループしているように見えるので、それが問題だとは思いません)。

どんな助けでも大歓迎です、そしてありがとう！

4

1 に答える 1

3

で取得しているのcomparator functionはですtd。したがって、に基づいて並べ替えるには、その中を検索して、と比較するinput必要があります。したがって、コンパレータ機能は次のようになります。tdtext field's values

function(a, b) {                
   return $(a).find('input').val() > $(b).find('input').val() ?
                 inverse ? -1 : 1
                : inverse ? 1 : -1;
}

ワーキングフィドル

于 2012-05-24T02:38:39.350 に答える