4

Sam Ruby による Agile Web Development を使用して、Ruby on Rails の学習を始めたばかりです。私は現在、タスク F: Ajax をカートに追加することで立ち往生しています。空のカートを非表示にするコードを追加するまでは、すべてうまくいきました。最初のアイテムを追加すると、サイドバーにカートが空で表示されます (カートに 1 つのアイテムが表示されるはずです) が、2 番目のアイテムを追加すると、カートに 2 つのアイテムが表示されます。コードは機能します。さらにアイテムを追加すると。カートに最初のアイテムを追加するときにのみ問題に直面しています。私はこの問題で1日髪を引き裂いています。どんな助けでも大歓迎です。完全な詳細を提供していない場合は、お詫び申し上げます。関連する追加の詳細がある場合は、お知らせください。Rails 3.2.8 と Ruby 1.9.3 を使用しています ありがとう!

_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

<%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

 $("#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);

アプリケーション.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>

〜

4

1 に答える 1

4

なんとか自分で解決できました:)..問題を入力しているときに、レンダリング自体に何らかの問題があるというヒントを得たので、..解決策は{$('#cartでshowパラメータを0に設定することです').show('ブラインド', 1000); コードは { $('#cart').show('blind', 0); になります。}

@Btuman完了!!

于 2013-08-01T11:10:14.007 に答える