我正在使用Rails 4.如何切换列表项的背景颜色?
到目前为止,这是我的代码。但是,当我刷新页面时,颜色消失。
的application.js:
$(document).ready(function() {
$(".myitem").on("click", function() {
$(this).toggleClass("changecolor");
});
});
index.html.erb
<% @ideas.each do |idea| %>
<li class="myitem"><%= idea.description %></li>
<% end %>
.css文件:
.changecolor {
background-color: blue;
}
接下来我该怎么办?
答案 0 :(得分:1)
接下来 - 您应该将颜色类保存到数据库,并使用数据库值
将类分配给div答案 1 :(得分:1)
根据一些事项,您应将其保存在Cookie,会话或数据库中。
Cookie:如果您希望它仅影响进行更改的用户的计算机,并且不需要其他位置的值。
会话:如果您希望它只影响进行更改的用户的计算机,但除了JS之外,您可能希望在代码中的其他位置使用它。
数据库:如果您希望为每个人保存它!或者只是一个用户,但希望确保它更长期保存,即使用户在不同的计算机上也是如此。
所有这些选项都有一些重叠,但这基本上是要点。会话和cookie不需要太多代码,但数据库需要迁移。