我在create.js.erb中有以下代码(每当项目被添加到购物车时通过ajax调用)
$('#cart').show('blind', 1000);
$('#cart').html("<%= j render @cart %>")
$('#current_item').css({'background-color':'#88ff88'}).animate({'background-color':'#114411'}, 1000)
show方法不起作用。 animate方法工作得很好。该片段与书中的内容完全相同(使用Rails 4e进行Agile Web开发)
以下是渲染调用的汽车部分,_cart.html.erb
<div class="cart_title">Your Cart <%= "is Empty.." if !cart.line_items.any? %></div>
<% unless cart.line_items.empty? %>
<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>
<br />
<%= button_to 'Empty Cart', cart, method: :delete, confirm: 'Are you sure?' %>
<p><%= link_to 'Back to Store', store_path %></p>
<% end %>
使用jquery代码,每次向购物车添加新元素时,购物车应该执行show的行为..但它没有。 .html和.css调用工作正常,以及动画功能。