0

ajax をロードしたテーブルにゼブラ ストリップを適用しようとしましたが、うまくいきません。ネットでいくつかの提案をグーグルで検索しようとしましたが、うまくいきませんでした。これが私のコードです：

CSS:

<style>
.odd{background:#eeeeee}
</style>

Javascript:

<script src="../jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("tr:even").addClass("even");
    $("tr:odd").addClass("odd");
});

//supplier ajax viewer
 $(document).ready(function(stripTable) {
     $("#supplier_viewer").load("inc/stock_view.php");
$('tr:odd',this).addClass("odd");
     var refreshId = setInterval(function() {
      $("#supplier_viewer").load('inc/stock_view.php?randval='+ Math.random());
   }, 10000);
$('tr:odd',this).addClass("odd");
   $.ajaxSetup({ cache: false });
});
</script>

そして、これがテーブルがロードされる場所です。

HTML:

<div id="supplier_view"></div>

追加してみました

$('tr:even',this).addClass("even");

ロードステージに進みますが、機能しません。提案してください。

4

1 に答える 1

0

実際にロードされる前に、クラスを要素に適用しています。

ロードされたイベントが発生したときにこれらのクラスを適用してみてください。

また、FireBug を使用して生成された html を表示し、動的にロードされたデータにクラスが実際に適用されているかどうかを確認することをお勧めします。（私はそうではないことを強く疑っています）

データが読み込まれたら、次の 2 行を実行する必要があります

$("tr:even").addClass("even");
$("tr:odd").addClass("odd");

ただし、データが div にロードされた後でのみ

于 2012-10-20T15:34:15.487 に答える