为了使内容简短,我尝试过多次编写和重写,但要包括“相关”背景。 运气不好,所以我将给出当前的情况并按要求回答问题。

我有两个问题,因此我在本文中发表了一个问题,在上一篇文章中发表了另一个问题。

我有一个动态表,它被硬编码到tbody标签中。 tbody中的行是通过AJAX调用动态生成的。

我需要能够(1)斑马条纹表;(2)对表进行排序; (3)突出显示当前悬停的行。 我可以用CSS做斑马条纹,没问题。 而且,我也可以使用CSS完成突出显示行的功能(某种程度上)。

但是当实现表排序(使用jQuery的tablesorter)时,行不会“重新渲染”样式,因此我最终得到的是浅灰色行和白色行的聚集,而不是斑马条纹。

另外,采用这种方法时,行突出显示仅适用于白色行(未应用CSS类)。

我以为上周找到了一些可以提供解决方案的文章,但今天似乎找不到。 而且我在网上发现的所有内容在实现或功能方面都有一些无法接受的故障。

这是当前的代码:

$("#resultsTbody").html(response);
$("#resultsTbl").tablesorter();
var $rows = $(".stripeMe tbody tr");
$rows.hover(
  function() { $(this).addClass("currRow"); } // <--- error flagged here
  function() { $(this).removeClass("currRow"); }
);

我得到的错误是在指示的代码行上。 错误是:

参数列表后出现SyntaxError:缺少)

#1楼 票数:2

我会和tr:nth-child一起去:

tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}​

不需要JS。 还在徘徊:

 tr:hover{ cursor:pointer; background:#EEE}    

#2楼 票数:2 已采纳

*我相信我已经解决了这个问题*我相信我已经解决了所有这些问题!

在我的CSS中添加了以下内容

.odd{ background: #DDDDDD; } 
.even{ background: #FFFFFF; } 

在小部件上晦涩的文档中发现了一点点。

然后我的脚本的其余部分就这样

$(".stripeMe").tablesorter({ widgets: ['zebra'] });
var $rows = $(".stripeMe tbody tr"); 
$rows.hover( function(){ 
  $(this).addClass("currRow"); 
  $(this).css("cursor","pointer"); }, 
function(){ 
  $(this).removeClass("currRow");
  $(this).css("cursor","auto"); } 
);

  ask by CoMo G-Dawg translate from so

未解决问题?本站智能推荐:

1回复

斑马条纹-Tablesorter vs Sieve

我有一些表使用jQuery插件“ tablesorter”来简化排序。 最近,我发现它包含一个斑马条纹小部件。 我启用了它,并且运行良好。 我还决定添加'Sieve'插件 ,以替代现有的自建表格搜索功能,这就是我的问题所在-在搜索过程中或搜索之后,条纹无法重做,从而导致表格不均匀且不匹
3回复

斑马条纹仅一表列

我有一个表,该表使用tablesorter和zebra条纹作为表行。 我想在表COLUMNS的其中一个表中添加斑马条纹,以便对其加以强调。 像这样:
2回复

我怎么能斑马条纹使用jquery tablesorter的gridview?

我有一个asp.net GridView,我使用tablesorter: 如何重新排序时应用斑马条纹重新条纹? 编辑:正如@Chetan Sastry指出的那样,它很简单:
2回复

斑马表排序器在初始排序时不会出现条纹

我对tablesorter插件和zebra小部件有问题,它们为偶数/奇数行启用了不同的样式。 我的页面从一个空表开始; 然后,用户编译一个表单,然后加载我的表...所以问题是:在初始加载时(也对列进行排序),斑马条纹不起作用; 我的行都具有相同的背景色..但是,当用户开始对列进行排序或
1回复

台式分拣机-斑马剥离

我正在将此表分类器与斑马线剥离一起使用。 我正在使用下拉菜单选项进行排序。 我有两个问题。 1)我的行交替显示为灰色和白色。 但是我有一些特殊的行,总是灰色。 假设如果是正常情况,我将具有灰色,白色,灰色顺序。 现在,假设上面的白色行是我正在谈论的特殊行。 那么它将是灰
1回复

如何将Tablesorter操作添加到函数

创建具有2个动作的函数时,一个是返回确认,另一个是来自tablesorter的applywidgets。 我需要在.trigger('applyWidgets');之前的函数中引用/加载tablesorter .trigger('applyWidgets');
1回复

删除行后,Tablesorter Zebra无法正常工作

$(function() { // NOTE: $.tablesorter.theme.bootstrap is ALREADY INCLUDED in the jquery.tablesorter.widgets.js // file; it is included here to
1回复

尝试斑马条纹表中的任意行

我有一个表,其中包含由类标记的行。 这些行应斑马条纹。 需要注意的是,它们并不总是连续的。 我尝试按表和类名进行匹配,但最终结果始终不正确。 发生的情况是,条带化将在表级别应用,然后仅在具有类的行上启用。 要使此功能按预期工作,我需要更改什么? 脚本 的HTML