`
kyoleelqh
  • 浏览: 17748 次
  • 性别: Icon_minigender_1
  • 来自: 广东汕头
最近访客 更多访客>>
社区版块
存档分类
最新评论

3 easy steps 在Rails使用jQuery

    博客分类:
  • Ajax
阅读更多
1.下载安装jQuery
http://docs.jquery.com/Downloading_jQuery下载最新version的jQuery.
把下载下来的jQuery copy到public/javascripts目录,public/javascripts里面有些默认的JS文件可以delete掉,因为那些是Prototype/Script.aculo.us 的,我们不需要用到的.
2.下载安装JRails
什么是JRails? JRails就是用jQuery替代Prototype/script.aculo.us在Rails做 helpers实现javascript的功能.
安装JRails:
./script/plugin install http://ennerchi.googlecode.com/svn/trunk/plugins/jrails
把JS加到layouts: <%= javascript_include_tag "jquery", "jquery-ui", "jrails" %>
或者<%= javascript_include_tag :all %>
3.修改之前Prototype/script.aculo.us在Rails做helpers实现javascript的功能的一些代码
我们需要把id参数从:id或者'id'改为'#id',例如:
之前的:
<%= observe_field :suggest, :url => { :action => :find_suggestion },   
      :frequency => 0.25,   
      :update => :suggest,   
      :with => 'q'  
      %>

改为:
<%= observe_field '#suggest', :url => { :action => :find_suggestion },   
      :frequency => 0.25,   
      :update => '#suggest',   
      :with => 'q'  
      %>


the end
分享到:
评论
2 楼 black_star 2009-12-22  
夜鸣猪 写道
学习留

哪里都有你老的身影
1 楼 夜鸣猪 2009-06-03  
学习留

相关推荐

    jquery-datatables-rails, 用于 Rails的jquery数据表 gem.zip

    jquery-datatables-rails, 用于 Rails的jquery数据表 gem jquery-datatables-rails 这个 gem 为 jQuery DataTables插件提供了方便,以便与 Rails 资产pipleine结合使用。 它提供所有基本的datatable文件,以及一些...

    jquery-rails, 一个 gem,用于自动使用jQuery和 Rails 3.zip

    jquery-rails, 一个 gem,用于自动使用jQuery和 Rails 3 railsjQuery 面向 Rails 如此伟大。这里 gem 提供:jQuery 1.7.2jQuery UI 1.8.18 ( 仅适用于 javascript )jQuery UJS适配器assert_select_j

    Rails3 使用Jquery datepicker

    这篇博客“Rails3 使用Jquery datepicker”将会介绍如何在Rails 3项目中集成并使用这个功能强大的日期选择器。 首先,我们需要了解jQuery UI的datepicker组件。它是一个用户友好的界面元素,允许用户方便地选择日期...

    jquery-ui+jquery-ui-rails

    在Web开发领域,jQuery UI和Rails框架的结合使用能够构建出功能丰富、交互性强的用户界面。本文将深入探讨如何将这两个强大的工具集结合,以提升Web应用的用户体验。 首先,jQuery UI是基于jQuery库的一个扩展,它...

    jquery-fileupload-rails, 用于 Rails的jQuery文件上传集成.zip

    jquery-fileupload-rails, 用于 Rails的jQuery文件上传集成 Rails 文件上传jQuery-File-Plugin 是一个文件上传插件,由的Tschan 。 jQuery文件上传功能多文件选择。drag&拖放支持。进度栏和jQuery预览图像。 支持...

    jquery-steps-rails

    安装将此行添加到您的应用程序的Gemfile中: gem 'jquery-steps-rails'然后执行: $ bundle或将其自己安装为: $ gem install jquery-steps-rails用法将JavaScript添加到application.js : //= require jquery.steps...

    rails-jquery-autocomplete:在Rails 3和更高版本中使用jQuery的自动完成功能的一种简单而轻松的方法

    Rails的jQuery的自动完成 一种将Rails的jQuery自动完成功能使用的简单方法。 同时支持ActiveRecord, 和 。 与和活动记录您可以在找到有关如何在ActiveRecord中使用此gem的。MongoID 您可以在找到有关如何将此...

    基于Rails和jQuery的Web应用程序敏捷开发.pdf

    基于Rails和jQuery的Web应用程序敏捷开发.pdf

    jquery-ui-rails:Rails资产管道的jQuery UI

    运行bundle list ,以确保你要么不使用jquery-rails ,或者至少是3.0.0版本的jquery-rails 。 用法 在您的Gemfile中,添加: gem 'jquery-ui-rails' 需要一切 要需要所有jQuery UI模块,请将以下内容添加到...

    jquery-rails:一个可将jQuery与Rails结合使用以实现自动化的宝石

    该宝石提供: jQuery 1、2和3 jQuery UJS适配器assert_select_jquery在Ruby测试中测试jQuery响应版本号从v2.1开始,jquery-rails gem遵循以下版本指南,以从Gemfile中更好地控制应用程序的jQuery版本: patch ...

    jquery-rails-cdn:将CDN支持添加到jquery-rails

    在以下情况下自动回退到jquery-rails捆绑的jQuery: 您正在开发环境中,以便可以脱机工作。 CDN已关闭或无法访问。 最重要的是,如果您使用资产管道,则可能已经注意到组合的application.js中的主要代码块是...

    Rails3 使用rake启动后台任务

    以下是一些关于如何在 Rails3 中使用 rake 启动后台任务的知识点: 1. **Rakefile**: 每个 Rails 项目都有一个 Rakefile 文件,这是 Rake 执行任务的入口点。在这个文件中,你可以定义自定义的任务。 2. **Task ...

    jquery-validation-rails, 对 Rails 资产管道的jQuery验证.zip

    jquery-validation-rails, 对 Rails 资产管道的jQuery验证 :: 验证:: rails针对 Rails 资产管道的...安装这里 gem将以下行添加到项目的Gemfile 中:gem 'jquery-validation-rails'在你的终端中运行以下命令:cd ~/pa

    rails_jquery_cropper:将fengyuanchen的jQuery裁剪器与Rails的资产管道集成在一起

    gem 'rails_jquery_cropper' 添加到您的application.css *= require cropper 添加到您的application.js //= require cropper bundle install ! jQuery Cropper的用法在说明 贡献 发现错误或您想要添加功能: ...

    rails中使用javascript日期控件

    这篇博文“rails中使用javascript日期控件”探讨了如何在Rails应用中集成和使用JavaScript日期选择器,以实现更高效、友好的前端交互。 首先,我们需要了解JavaScript日期控件的基本概念。JavaScript是一种在客户端...

    jquery-dynatable-rails:jQuery Dynatable for Rails

    该gem打包了jQuery 插件,可轻松与Rails 3.1+资产pipleine一起使用。 Dynatable是根据AGPL许可的,但具有的可选,因此请确保您具有使用Dynatable的有效许可证。 Dynatable是一个使用jQuery,HTML5和JSON的有趣,...

    rails3教程

    1. **Ruby 1.9.2**:虽然Rails3可以在Ruby 1.8.7上运行,但为了避免已知的bug和获得更好的性能,官方建议使用Ruby 1.9.2。 2. **RubyGems**:这是Ruby的标准包管理工具,用于安装和管理Ruby库。 3. **SQLITE3数据库*...

    jasmine-jquery-rails:Jasmine-jQuery for Rails

    jasmine-jquery的Rails jasmine-jquery通过资产管道 安装 将此行添加到您的应用程序的Gemfile中: gem 'jasmine-jquery-rails' 然后执行: $ bundle 假设您使用的是茉莉花宝石,则在jasmine.yml中具有: src_...

    Rails3常用命令行命令

    在本文中,我们将深入探讨Rails3中的常用命令,帮助你更高效地进行开发工作。 首先,新建一个Rails项目是开发的起点。你可以使用以下命令创建一个新的工程: ```bash rails new 工程名 ``` 这会生成一个包含所有...

    BootMix:使用 Rails、Jquery、Bootsrtrap、Jquery UI 和其他 gem(如 Paranoia、Simple Form、DateTimePicker 等)进行 Web 开发的各种技术。

    您可能想要涵盖的内容: Ruby版系统依赖配置数据库创建数据库初始化如何运行测试套件服务(作业队列、缓存服务器、搜索引擎等) 部署说明… 如果您不打算运行rake doc:app请随意使用不同的标记语言。

Global site tag (gtag.js) - Google Analytics