ajax - 在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 并查看这些类是否真的应用于动态加载的数据。（我高度怀疑不是）

加载数据后，需要执行这两行

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

但只有在数据加载到 div 之后