2012-04-06 8 views
0

私はajaxボタンでテーブルにレコードを追加しています。ゼブラテーブルを使いたいです。 私は、ゼブラテーブル用のjquery関数を持っています。ajaxコールのゼブラテーブル

<script type="text/javascript"> 
     $(function() { 
      $("table tr:nth-child(even)").addClass("zebraTable"); 
     }); 
</script> 

CSS:私は、通常のボタンのクリックで呼び出すと

.zebraTable {background-color: #F2F2F2} 

、それはシマウマのテーブルのように動作します。しかし、私はajaxボタンでボタンを変更すると、テーブルは通常のテーブルに変わります。 ご存知ですか?

+0

ボタンとテーブルソースに提供できるコードサンプルがありますか? – philwinkle

+0

この種のテーブルを作成するために、javascriptは必要ありません。あなたは直接あなたのCSSに入れてくださいhttp://www.w3.org/Style/Examples/007/evenodd.en.html – iRyusa

答えて

0

答えは、zebraTableクラスを行に追加してからテーブルに何が起きたかによって異なります。私はあなたのAjax呼び出しがテーブルを変更していることを前提としています(置き換え、行の追加/削除、行の隠蔽/表示など)?

DOMのtrオブジェクトは、削除しない限り、そのセレクタが非表示のtrオブジェクトにも適用されていない限り、そのクラスを保持することに注意してください。私の提案は、すべての行からzebraTableクラスを削除してから再度適用することです(隠しtrオブジェクトがある場合は調整します)。

+0

ボタンタイプを変更しました。私はボタンの代わりにajaxボタンを使用して、ゼブラテーブルが機能しませんでした。 – Selin

+1

ああ、私はあなたがAjaxを行うボタンを意味すると考えました。 Ajaxボタンのようなサウンドは、サードパーティ製のライブラリからのものであるか、Googleのスキルが不足している可能性があります。とにかく、開発ツールバー(IE/Firefox/Googleはこのようなものがあります)を使用して、表の前後の状態を確認します。これは、ボタンがクリックされると、何をする必要があるかを判断するのに役立ちます。私の考えは、AjaxボタンがDOM要素を追加/削除している間(cssスタイリングを失う)ボタンがDOM要素を変更している(CSSスタイルを維持している)ということです。 – Mayo