0

ajaxボタンでテーブルにレコードを追加しています。ゼブラテーブルを使いたいです。ゼブラテーブル用のjquery関数があります。

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

CSS:

.zebraTable {background-color: #F2F2F2}

通常のボタンをクリックして呼び出すと、ゼブラテーブルのように機能します。しかし、ボタンをajaxボタンで変更すると、テーブルが通常のテーブルになります。何か考えはありますか?

4

1 に答える 1

0

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

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

于 2012-04-06T13:59:32.260 に答える