作为表格-6ren">
gpt4 book ai didi

javascript - "cycle"在 CSS 和 onmouseover、onmouseout 类上的 Rails 问题

转载 作者:行者123 更新时间:2023-11-28 14:54:13 26 4
gpt4 key购买 nike

我的 index.html 中有这段代码:

<div id="users-list">
<tr class="<%= cycle('odd', 'even') %>" onmouseover="this.className='over';" onclick="location.href='<%= user_path(user) %>'" >

<td><%= user.surname %></td>
<td><%= user.name %></td>

</tr>
</div>

作为表格的一部分,以及这个关联的 css:

#users-list  .odd {
background: #00ffff;
}

#users-list .even {
background: #ffffff;
}

#users-list .over {
background: #00ccff;
}

重点是制作一个表格,其中包含可点击的行,奇数行和偶数行不同的颜色,当鼠标悬停在它们上面时,它们会获得第三种颜色。问题出在代码的循环部分,如果我在 class="<%= cycle('odd', 'even') %>" 中只放置一个循环,一切正常,我有奇数行和偶数行不同的颜色,但是当我过去然后用鼠标移出时,类值仍然是 onmouseover="this.className='over';" 设置的值。所以我决定像这样使用 onmouseout="this.className='<%= cycle('odd', 'even')%>';":

<tr class="<%= cycle('odd', 'even') %>" onmouseover="this.className='over';" onmouseout="this.className='<%= cycle('odd', 'even')%>';" onclick="location.href='<%= user_path(user) %>'" >  

问题来了! cycle 中的每一个都停止工作,并且我将类始终设置为循环中两个参数中的第一个。任何想法?也许是一个错误?或者某些浏览器不兼容?我需要在 Chrome 上完成这项工作。感谢大家的任何建议

最佳答案

每次调用 cycle 都会切换类名。您在此行中有 2 个调用,这将导致第一个为 odd 值,第二个为 even

您应该在第二次调用 (onmouseout) 中使用 current_cycle

关于javascript - "cycle"在 CSS 和 onmouseover、onmouseout 类上的 Rails 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4043331/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com