ruby on rails(9) -- AJAX(2)

高亮价格变化。首先保存我们当前的购物车。在models/cart.rb编辑add_product.

def add_product(product)
current_item = @items.find{|item| item.product == product}
if current_item
current_item.increment_quantity
else
urrent_item = CartItem.new(product)
@items << current_item
end
current_item #返回当前购物车,这样也可以,return也不用?
end

编辑 store_controller.rb

@cart = find_cart
@current_item = @cart.add_product(product) #获取当期购物车
respond_to{|format| format.js}


编辑_cart_item partial,判断当前购物车是否是我们改变的那个

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


编辑 add_to_cart.js.rjs 添加效果

page[:current_item].visual_effect :highlight, :startcolor => "#88ff88",
:endcolor => "#ff0000"

用page[:current_item]产生js对象,visual_effect 插件,视觉效果,hightlight
高亮。可看到点击add_to_cart时,价格颜色会渐变
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值