在ajax加載表中加載斑馬條

Question

我試圖用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"); 

添加到負載階段，但不起作用。請建議。

Answer 1

您正在將這些類應用到元素實際加載之前。

嘗試在加載的事件被觸發時應用這些類。

我也建議使用FireBug來查看生成的html，看看這些類是否真的應用到動態加載的數據。 （我強烈懷疑不）

一旦數據被加載，你需要執行這兩條線中的數據已經被加載到div

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

但後才