如何在Rails中切换div的背景颜色?

时间:2015-02-02 08:58:57

标签: jquery ruby-on-rails ruby-on-rails-4

我正在使用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;
}

接下来我该怎么办?

2 个答案:

答案 0 :(得分:1)

接下来 - 您应该将颜色类保存到数据库,并使用数据库值

将类分配给div

答案 1 :(得分:1)

根据一些事项,您应将其保存在Cookie,会话或数据库中。

Cookie:如果您希望它仅影响进行更改的用户的计算机,并且不需要其他位置的值。

会话:如果您希望它只影响进行更改的用户的计算机,但除了JS之外,您可能希望在代码中的其他位置使用它。

数据库:如果您希望为每个人保存它!或者只是一个用户,但希望确保它更长期保存,即使用户在不同的计算机上也是如此。

所有这些选项都有一些重叠,但这基本上是要点。会话和cookie不需要太多代码,但数据库需要迁移。