0

私は解決策を見つけようとしていますが、まだ見つけることができず、これを尋ねなければなりません。oddまたはevenクラスが AJAX によってロードされたコンテンツで動作しない

HTML :

<table id="products"></table>

Jクエリ：

$(function () {$("#product-table tr:odd").addClass("odd") });

手動でテーブルに行を追加すればすべて正常ですが、jquery で行をロードすると、oddクラスが機能しません。

4

1 に答える 1

1

関数addClassは既存の行で呼び出されます。これは、新しく追加された行のルールを定義しません。

この交互行表示の互換性を制限する余裕がある場合は、CSS を使用してこれを行う必要があります。これは、ドキュメントが変更されるたびに CSS ルールが実行されるためです。

#product-table tr:nth-child(odd) {
    // what you would have put in the odd class
}

互換性を高めるために、ajax 読み込み関数に与えるコールバックから既存のコードを呼び出すこともできます。

$('someSelector').load(someUrl, function(){
   $("#product-table tr:odd").addClass("odd") 
});
于 2012-10-08T11:26:45.647 に答える