Web开发敏捷之道应用Rails 进行Web开发(原书第4版)遇到的问题
第11章:建立一个基于Ajax的购物车
原书是这样的:
问题:create.js.rjs
rails4算是彻底抛弃rjs了,所以按照书上使用以下代码,是一点作用没有用的。
这里介绍一种方法:
1.在app下的javascript目录中引入jquery.js文件
2.在line_items下新建create.js.erb文件
3.在create.js.erb中写入:
$('#cart').html(" <%= escape_javascript(render(@cart))%> ");
迭代F3:高亮变化:
原有的create.js.rjs模板是不管用的,
由于这里使用了高亮animate,需要额外的jquery-plugin支持。
1.先去下载Jquery-color,并将jquery-color.js文件放置于/app/assets/javascripts目录下
2.修改之前的create.js.erb文件,增加支持highlight变化部分的代码,我这里给个示例
1 if($('#cart tr').length==1){$('#cart').show("slow");} 2 $('#current_item').css({'color':'red'}).animate({'color': "white"});//先变红再变白
posted on 2018-01-30 11:38 Angry-apple 阅读(167) 评论(0) 编辑 收藏 举报