Javascript Tablesorter JS无法实现奇数/偶数

Javascript Tablesorter JS无法实现奇数/偶数,javascript,tablesorter,Javascript,Tablesorter,我试图实现奇偶和蓝色主题来复制演示 我的一切都在运转: jquery.latest.js jquery.tablesorter.js 蓝色主题 唯一不起作用的是每行的奇数和偶数颜色。这是我的 <head> <script type="text/javascript" src="jquery-latest.js"></script> <script type="text/javascript" src="jquery.tablesorter.js"&

我试图实现奇偶和蓝色主题来复制演示

我的一切都在运转:

  • jquery.latest.js
  • jquery.tablesorter.js
  • 蓝色主题
唯一不起作用的是每行的奇数和偶数颜色。这是我的

<head>
<script type="text/javascript" src="jquery-latest.js"></script> 
<script type="text/javascript" src="jquery.tablesorter.js">
 </script> 
<link rel="stylesheet" href="style.css" type="text/css" media="print, projection, screen" />

<script type="text/javascript">
$("#myTable").tablesorter({widgets: ['zebra']});

    </script>
</head>

$(“#myTable”).tablesorter({widgets:['zebra']});
我为标题硬编码了
header
类,但我试图编写一个函数来将类设置为奇数和偶数,但是当我对表排序时,行就乱了。示例:3亮1暗4亮2暗


我猜这与斑马有关,我试着搜索了SO和文档,但结果是空的

不再需要对类执行此操作。只要使用CSS

#myTable tr {
  background: red;
}

#myTable tr:nth-child(odd) {
  background: blue;
}

IE9+和其他主流浏览器都支持这一点:

喜欢这个解决方案。。。但我也确实需要IE7和IE8功能。找到了一个解决方法: