Angry-apple

导航

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编辑  收藏  举报