JQuery中表的斑马条纹效应

嗨，我对使用JQuery非常陌生，只知道一些基本知识，而且我很难弄清楚如何在对表进行排序时将条带保留在正确的位置。一开始他们看起来不错，但是点击了标题中的任何其他内容，表格的颜色就会变淡

现在，我已经找到了这个问题的一些答案，但我的问题是，我对需要将代码放在哪里知之甚少。因此，我不知道哪种代码最接近正确，因为我测试的站点的唯一响应似乎是，我可以单击标题，但表格仍然按顺序排列颜色（因此代码没有做任何事情），或者标题根本没有响应

代码使用jQuery JavaScript库v1.4.2，还使用Christian Bach的tablesorter 2.0插件。我想我要做的是手动添加一些小部件，将条纹重置为第一次的位置，或者在加载后保持条纹不变

我一直在做的是通过制作一个新脚本来添加代码，如：

出于某种原因，如果我在“脚本”之前添加一个<，一些代码就会消失

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

$（文档）.ready（函数（）{
{ 
$（“#myTable”）.tablesorter（{
小部件：[“斑马”]
}); 
}); 

---

我试着将它与其他脚本放在/head中，但是如果测试站点每次只给出几个相同的响应，那么仍然很难判断什么是正确的我不知道这段代码是否正确引用了jQuery，但我真的可以使用任何人的输入。

虽然一开始很难改变输出数据的方式（因为听起来您目前正在手动输出HTML表中的数据，然后使用Javascript对表进行动态排序），但从长远来看，使用不同的jQuery插件

粗略地看，它似乎有一个自己的“插件”，它将一个预先存在的表转换成jqgrid，但我只使用jqgrid从头开始制作网格

---

如果你不确定，看看他们在行动中看到它。我想一旦你看到JQGRID提供的力量，你会考虑让它对你起重作用。

< P>斑马小部件默认地为“样式”添加“奇”和“偶”的类名。所以只需改变<代码> WigGeZeBRA 选项以匹配CSS样式：

$("table").tablesorter({
    // sort on the first column and third column, order asc
    sortList: [[0,0],[0,1]], widgets: ['zebra'], widgetZebra: {css: ["alt",""]}
});

---

首先，你是如何创建条带的？代码很长……但我不认为很难理解。我只是不知道如何将其附加到某个东西上，但它不会自动工作？tableSorter主页上的演示保持条带的一致性。如果你因某种原因无法访问，我在顶部有一个链接让我知道，你到了那里后再看来源