Question

我一直在跟随＆＃34;敏捷网络开发使用Rails 3.2＆＃34;但是，我使用的是rails 4.2.1并且在我试图替换行的背景颜色之前它还没有成为问题。本书第六章的一部分。

在我的products.css.scss文件中，我有：

.list_line_even {
  background: #e0f8f8;
}
.list_line_odd {
  background: #f8b0f8;
}

在我的index.html.erb中，我有：

<p id="notice"><%= notice %></p>
<h1>Listing Products</h1>
<table>
<% @products.each do |product| %>
<tr class= "<%= cycle('list_line_odd', 'list_line_even') -%>">

  <td>
    <%= image_tag(product.image_url, class: 'list_image') %>
  </td>

  <td class= "list_description">
    <dl>
      <dt><%= product.title %></dt>
      <dd><%= truncate(strip_tags(product.description), length: 80) %></dd>
    </dl>
  </td>

  <td class= "list_actions">
    <%= link_to "Show", product %><br/>
    <%= link_to 'Edit', edit_product_path(product) %><br/>
    <%= link_to 'Destroy', product, data: {confirm: "Are you sure?"}, method: :delete %>
  </td>

</tr>

  <% end %>
</table>

<br/>

<%= link_to 'New Product', new_product_path %>

我的页面来源显示每个项目之间的交替：

<tr class= "list_line_odd">
<tr class= "list_line_even">

依旧......

除了背景颜色外，一切似乎都有效。我尝试将css.scss文件更改为＆＃34; red＆＃34;和＆＃34; blue＆＃34;对于颜色。它没有改变任何东西。

非常感谢！

Answer 1

尝试检查是否已加载products.css.scss。您可以将样式添加到application.css.scss以检查它是否可以解决问题。

Answer 2

我参加聚会很晚，于2019年使用Rails 4.2：P但是，我遇到了这个问题，想分享一下我在其他人遇到的罕见事件中发现的东西。

我有同样的问题。但是，它不是从CSS中无法加载的。而是没有适用于.products类的容器。我通过Firefox将类动态添加到了body标记中，并且开始工作。

如果您查看为/app/views/layouts/application.html.erb提供的代码片段，则此文件将相应地设置主体类。但是，这本书将其作为默认文件显示，而不是告诉您进行任何更改-这似乎是错误的。

Rails 4行项目的备用背景

2 个答案: