0

我无法将“添加到购物车”按钮内嵌在产品价格旁边，由于某种我不明白的原因，该按钮出现在产品价格下方。

这是我的开发设置：

红宝石 1.9.3p392

导轨 4.0.0.rc2

我关注 DEPOT 项目，但我被困在 ITERATION D3 中，作者通过以下 CSS 代码在产品价格旁边插入一个按钮：

#store .entry form, #store .entry form div {
display: inline;
}

和我的意见/商店/index.html.erb 如下：

<% if notice %>
<p id="notice"><%= notice %></p>
<% end %>

<h1>Your Pragmatic Catalog</h1>

<% @products.each do |product| %>
  <div class="entry">
    <%= image_tag(product.image_url) %>
    <h3><%= product.title %></h3>
    <%= sanitize(product.description) %>
  <div class="price_line">
      <span class="price"><%= number_to_currency(product.price) %></span>
      <%= button_to 'Add to Cart' , line_items_path(:product_id => product) %>
  </div>
  </div>
<% end %>

我还查看了从 Google Chrome 呈现的 HTML：

<div class="price_line">
  <span class="price">$34.95</span>
  <form action="/line_items?product_id=4" class="button_to" method="post">
  <div><input type="submit" value="Add to Cart" /><input name="authenticity_token" 
  type="hidden" value="yTcDgb4x1h98dXnI0dQqHv4hjfqduSBPMwsLLL3GeHw=" />
  </div></form>
</div>

我已经在 Google Chrome、Firefox、IE9 和 Opera 上进行了测试。这似乎不是与浏览器相关的问题。我需要一个可以解释这种奇怪行为的人，这可能是解决它的最聪明的方法。:-)

提前感谢您的任何意见。

4

0 回答 0