jQuery突出显示使用Bootstrap设置的表行的效果

时间:2012-02-25 02:59:11

标签: jquery twitter-bootstrap jquery-effects

使用Bootstrap 2.0我使用.table-striped设计了一个表格。我正在通过ajax更新数据行,当更新完成时,我想突出显示行,该行适用于没有背景颜色的行。所以基本上,偶数行突出显示,奇数行不突出显示。我不确定为什么会这样。

我现在可能只是太累了,但有些建议会受到赞赏。

我正在使用以下代码来触发突出显示:

$("#row_" + id).effect("highlight", {}, 1500);

2 个答案:

答案 0 :(得分:13)

不在行上运行效果,而是在行内的单元格上运行效果。所有行都突出显示,偶数和奇数。奇数行的背景颜色变化只是隐藏,因为表格单元格的颜色位于顶部。

答案 1 :(得分:2)

只是添加到Pickle的答案中,该行中的每个单元格都高于行颜色,请参阅下面的代码以突出显示每个单元格:

$("#row_" + id +" td").effect("highlight", {}, 1500);

(这假设行中没有单元格类型为“th”,但如果需要可以轻松添加)