0

我的页面上有一个带有斑马色的评论列表,以帮助区分每条评论。

我在用于每个评论的部分中使用 rails 循环助手实现了斑马着色:

<div class="span9 <%= cycle("odd_response", "even_response") -%>">

我通过一个表单动态更新此列表,该表单在用户提交新呼叫时通过 AJAX 在列表顶部添加新评论。

当我使用与模板相同的部分来呈现这个新评论时,评论仅被着色为“odd_response”,而与先前响应的颜色无关,即它再次启动循环过程。

我如何让部分尊重表中存在的颜色顺序?

4

2 回答 2

0

我最终通过在 create.js 操作中放置一些自定义 JavaScript 来解决这个问题,该操作首先检查最后一条评论的背景颜色是什么,然后在页面上呈现对象后立即将新评论更改为相反的颜色。

于 2013-04-30T08:57:17.407 回答
0

我的解决方案是放弃循环调用并将这个 CSS 用于斑马条纹。

tr:nth-child(even) {
  background-color: red;
}


tr:nth-child(odd) {
  background-color: white;
}

这适用于所有现代浏览器,不支持 IE7/8。

于 2013-04-29T14:24:50.153 回答