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

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

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

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

于 2012-10-20T15:34:15.487 回答