我是RoR的新手,也是jQuery的新手.目前,我有一个工作的RoR网站作为学习平台.我想包括一些jQuery基本功能来扩展我的学习(.mouseenter(),..hover(),. .fadeIn()等).
让我用一些代码设置场景(我剪断了部分以保持简短):
$ ruby -v
ruby 1.8.7 (2011-06-30 patchlevel 352) [i686-linux]
$ rails -v
Rails 3.2.8
Run Code Online (Sandbox Code Playgroud)
的Gemfile:
gem 'jquery-rails'
Run Code Online (Sandbox Code Playgroud)
配置/ routes.rb文件:
root to: 'static_pages#home'
Run Code Online (Sandbox Code Playgroud)
应用程序/控制器/ static_pages_controller.rb:
def home
@Presents = Present.all.reverse.take(20)
end
Run Code Online (Sandbox Code Playgroud)
应用程序/视图/布局/ application.html.erb:
<!DOCTYPE html>
<html>
<head>
<title>List</title>
<%= stylesheet_link_tag "application", :media => "all" %>
<%= javascript_include_tag "application" %>
<%= csrf_meta_tags %>
<%= render 'layouts/shim' %>
</head>
<body>
<div class="container-narrow">
<%= render 'layouts/header' %>
<%= yield %>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
应用程序/资产/ Java脚本/ application.js中:
//= require jquery
//= require …Run Code Online (Sandbox Code Playgroud)