zoukankan      html  css  js  c++  java
  • [AWDwR4] Iteration F3

    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。

    回到本系列的目录

  • 相关阅读:
    count-and-say
    jump-game
    trapping-rain-water
    Java QueueDemo
    Java StackDemo
    swap-nodes-in-pairs
    php多维数组变成一维数组
    php获取客户端IP地址
    php根据随机数生成6位密钥
    Laravel ,YII,thinkphp 框架的区别
  • 原文地址:https://www.cnblogs.com/Jack47/p/2754267.html
Copyright © 2011-2022 走看看