2012-02-25 2 views
8

ブートストラップ2.0を使用して、私は.table-stripedを使用してテーブルをスタイリングしました。私はajax経由でデータの行を更新しています。更新が完了したら、背景色を持たない行で動作する行を強調したいと思います。基本的に偶数行はハイライト表示され、奇数行は表示されません。私はそれがなぜであるかわからない。jQueryのハイライト効果は、ブートストラップでスタイル化されたテーブル行にある

私はあまりにも疲れているかもしれませんが、いくつかのアドバイスをいただければ幸いです。

私はハイライトをトリガするために、次のコードを使用しています:

$("#row_" + id).effect("highlight", {}, 1500); 

答えて

13

はない行に、その行の中の細胞への影響を実行します。すべての行が偶数と奇数の両方で強調表示されています。奇数行の背景色の変更は、表のセルの色が上になるため隠されてしまいます。

+0

ありがとう。今夜これを試して、報告して戻します。 – Gregg

+1

それは魅力のように動作します。ところで、私の個人的な事例(それを挿入した後の最後の行をハイライト)には、私の解決策は次のようになりました: '$( '#table tr:last')find( 'td')。 #4BADF5 '}、2000); ' – Eagle

2

だけではなく、それぞれのセルをハイライトするために以下のコードを参照して、行内の各セルは行色以上であることをピクルスの回答に追加する:

$("#row_" + id +" td").effect("highlight", {}, 1500);

(これは「細胞なしのタイプのものでないことを前提として番目"行には、必要に応じて簡単に追加することができます)