AJAX使用rails：第一项没有在购物车上更新

Question

I have just started learning Ruby on Rails using Agile Web Develop ment by Sam Ruby. 我刚刚开始使用Sam Ruby的Agile Web Develop学习Ruby on Rails。 I'm currently stuck on task F: adding Ajax to cart. 我目前停留在任务F：将Ajax添加到购物车。 Everything went well till the time I added to the code for hiding an empty cart. 一切顺利，直到我添加到隐藏空车的代码。 Now when I add the first item the cart shows up empty on the side bar (it should show up with one item n the cart) but when i add the second item the cart shows up with 2 items, as it should.The code works if I add more items. 现在当我添加第一个项目时，购物车在侧栏上显示为空（它应该显示在购物车中有一个项目）但是当我添加第二个项目时，购物车显示有2个项目，因为它应该。代码工作如果我添加更多项目。 I'm facing the problem only when adding the first item on the cart. 只有在购物车上添加第一件商品时才会遇到问题。 I've been tearing my hair out for a day now on this problem. 在这个问题上，我已经把头发撕了一天了。 Any help will be greatly appreciated. 任何帮助将不胜感激。 Apologies if I haven't furnished complete details. 如果我没有提供完整的细节，请道歉。 Please let me know the additional details, if any, that would be relevant. 请告知我相关的其他详细信息（如果有的话）。 I'm using rails 3.2.8 and ruby 1.9.3 Thanks! 我正在使用rails 3.2.8和ruby 1.9.3谢谢！

_cart.html.erb _cart.html.erb

<div class="cart_title">Your Cart</div>
  <table>
   <%= render(cart.line_items) %>

     <tr class="total_line">
             <td colspan="2">Total</td>
             <td class="total_cell"><%= number_to_currency(cart.total_price) %></td>
     </tr>

  </table>

<%= button_to 'Empty Cart',cart, method: :delete, confirm: 'Are you sure?'%>

_line_item.html.erb _line_item.html.erb

<%if @current_item==line_item%>
<tr id="current_item">
<% else %>
<tr>
<% end %>

  <td><%= line_item.quantity %> &times;</td>
  <td><%= line_item.product.title %></td>
  <td class="item_price" ><%= number_to_currency(line_item.total_price) %></td>
  <td><%= button_to 'Remove Item', line_item, method: :delete, confirm: 'Are you   sure?'%>
</tr>

create.js.erb create.js.erb

 $("#notice").hide();

 if ($('#cart tr').length > 0) { $('#cart').show('blind', 1000); }

 $('#cart').html("<%=j render @cart %>");

 $('#current_item').css({'background-color':'#88cc88'}).
   animate({'background-color':'#114411'}, 1000);

application.js.erb application.js.erb

<html>
  <head>
   <title>Pragprog Books Online Store</title>
    <!-- START:stylesheet -->
   <%= stylesheet_link_tag "scaffold" %>
   <%= stylesheet_link_tag "depot", :media => "all" %><!-- <label id="code.slt"/> -->
   <!-- END:stylesheet -->
   <%= javascript_include_tag "application" %>
   <%= csrf_meta_tag %><!-- <label id="code.csrf"/> -->
  </head>
  <body id="store">
   <div id="banner">
    <%= image_tag("logo.png") %>
    <%= @page_title || "Pragmatic Bookshelf" %><!-- <label id="code.depot.e.title"/> -->
   </div>
   <div id="columns">
    <div id="side">
       <a href="/">Home</a><br />
       <a href="/faq">Questions</a><br />
       <a href="/news">News</a><br />
       <a href="/contact">Contact</a><br />
       <%if @cart%>
       <%= hidden_div_if(@cart.line_items.empty?, id:"cart") do%>
               <%=render @cart%>
         <% end %>
       <% end %>

    </div>
    <div id="main">
     <%= yield %><!-- <label id="code.depot.e.include"/> -->
    </div>
   </div>
  </body>
 </html>

~ 〜

Answer 1

managed to solve it myself :)..while typing out the problem i got a hint that the problem was somehow with the rendering itself and so it was .. the solution is to set the show parameter to 0 in { $('#cart').show('blind', 1000); 设法解决它自己:) ..在输入问题的时候我得到了一个提示，问题是以某种方式呈现本身，所以它是...解决方案是在{$（'＃cart中将show参数设置为0 '）。show（'blind'，1000）; } the code should now be { $('#cart').show('blind', 0); 代码现在应该是{$（'＃cart'）。show（'blind'，0）; } }

@Btuman done!! @Btuman完成!!

AJAX使用rails：第一项没有在购物车上更新

问题描述

1 个解决方案

解决方案1
4 已采纳 2013-08-01 11:10:14

AJAX使用rails：第一项没有在购物车上更新

问题描述

1 个解决方案

解决方案1 4 已采纳 2013-08-01 11:10:14

解决方案1
4 已采纳 2013-08-01 11:10:14