帮助与JQuery的

喜为表中的斑马条纹的效果我很新的使用jQuery和只知道一些基础知识，我有麻烦找出如何保持条纹在正确的地方，当一个表被排序。他们起初看起来很好，但头上的其他东西都点了点，桌子上的颜色变成了贝泽克。

现在，我已经遇到了一些问题的答案，但我的问题是，我很少知道需要放置哪段代码。所以我不知道什么代码是最接近正确的，因为我测试的站点的唯一响应似乎是我可以点击标题，但表仍然按顺序排序颜色（所以它的就像代码没有做任何事情），或者头文件根本没有响应。

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

我一直在做添加的代码是通过使像一个新的脚本：如果我以前的“script”的一些代码，添加一个<

出于某种原因消失

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

我试过把它放在/ head和其他脚本中，但是如果测试站点每次只给出几个相同的响应，它仍然很难分辨什么是正确的。（我正在使用萤火虫测试）有没有具体的东西，我忘了？我不完全知道这段代码是否正确引用了jQuery，但我真的可以使用任何人的输入。谢谢！

来源

2011-06-15 Will

您如何在首位创建条纹？ – Tomalak 2011-06-15 13:37:33

该代码相当长...但不难想象，我不认为。我只是不知道如何将它附加到一些东西，但大声笑 – Will 2011-06-15 13:49:48

它不能自动工作？ tableSorter主页上的演示保持条纹一致。 – daybreaker 2011-06-15 13:55:52

斑马部件默认情况下为样式添加了“奇怪”和“偶数”类名。所以，只需更改widgetZebra选项以匹配您的css造型：

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

来源

2011-06-15 14:24:13 Mottie

谢谢SOSOSO。你是炸弹人！ – Will 2011-06-15 14:52:44

虽然首先要改变输出数据的方式会很困难（因为这听起来像是您正在手动输出HTML表格中的数据，然后使用Javascript动态地对表格进行排序），但是长期使用不同的jQuery插件，JQGrid。

从粗略的一瞥，它看起来好像它有一个自己的“插件”，它需要一个预先存在的表格并将其转换为jqgrid，但我只用过Jqgrid从地面制作网格向上。

如果您不确定，请查看他们的demo以查看它是否有效。我想，一旦你看到jqgrid提供的力量，你会考虑让它为你做重要的事情。

来源

2011-06-15 13:53:51 Mattygabe

帮助与JQuery的

回答

相关问题