Question

应用程序有Add to Cart按钮，它创建新的@line_item（代码基于使用Rails的敏捷开发）。我添加了一个Ajax功能，因此Add to Cart不会重新加载页面，并添加了@line_item to @cart。

但Rails每按一次就会执行三次！

我按“添加到购物车”，它会添加3个项目。

另外，当我打开购物车时，它会问我三次“你确定吗？” 不知道，可能导致这些，有什么想法吗？

def create
@cart = current_cart
product = Product.find(params[:product_id]) 
@line_item = @cart.add_product(product.id)
respond_to do |format|
if @line_item.save
format.html { redirect_to(store_url) }
format.js
format.xml { render :xml => @line_item,
:status => :created, :location => @line_item }
else
format.html { render :action => "new" }
format.xml { render :xml => @line_item.errors,
:status => :unprocessable_entity }
end
end
end

按钮：

<%= button_to 'Add to Cart' , line_items_path(:product_id => product),:remote => true %>

create.js.erb：

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

_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模板：

<tr>
<td><%= line_item.quantity %>&times;</td>
<td><%= line_item.product.title %></td>
<td class="item_price" ><%= number_to_currency(line_item.total_price) %></td>
</tr>

Answer 1

问题解决了。

在我的视图应用程序布局上，我认为这样做是正确的

<!DOCTYPE html>
<html>
<head>
  <title>Store</title>
  <%= stylesheet_link_tag "store" %>
  <%= javascript_include_tag 'application' %>
  <%= csrf_meta_tags %>
  <title>Cart</title>
  <%= stylesheet_link_tag "carts" %>
  <%= javascript_include_tag 'cart' %> #this
  <%= csrf_meta_tags %>

实际上，我想一旦你在主页上使用了“应用程序”，＃这就是JS代码的执行

按钮“添加”行为很奇怪

1 个答案: