[AWDwR4] Iteration F3

来源：互联网发布：c语言实现复制u盘编辑：程序博客网时间：2024/04/28 08:59

Q1. Iteration F3: Highlighting Changes中，添加完代码后，单击Add to cart后左边的id为current_item的元素只是高亮了，但并没有发生渐变。
如同上个帖子所介绍的，还是create.js.erb中的语句不对。

解决方法：

step1. 修改 views/line_items/create.js.erb中

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

为

$('#current_item').css({'background-color':'#88ff88'}).animate({'background-color':'#114411'}, 1000);

step2. 由于以上语句使用了 jQuery UI，所以需要在application.js中加上一行：

 //= require jquery-ui

来包含jquery-ui库。关于application.js文件及其作用，书写格式的介绍，参见 2.3 Manifest Files and Directives

　　PS：用Rails 3.1及之后版本创建的项目中默认在Gemfile中包含了 jquery-rails。打开了 asset pipeline的 Rails3.1及后续版本中jquery和jquery-ujs 文件已经添加到 asset pipeline中并可以使用了。如果他们还没有在app/assets/javascripts/application.js中，则加上如下两行：

 //= require jquery //= require jquery_ujs

　　对于 jQuery UI,推荐使用 jquery-ui-rails gem，因为它包含了jquery-ui css 并更易于定制。为了兼容性，这个gem 仍然包含了jQuery UI javascript。

0 0