Rails3中使用jQuery代替Prototype的方法

最新推荐文章于 2021-03-06 21:11:21 发布
最新推荐文章于 2021-03-06 21:11:21 发布
阅读量105 收藏
点赞数
分类专栏： Ruby on Rails 文章标签： jQuery Rails prototype JavaScript UI ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tiroc/article/details/83877870
版权

1、在Gemfile中增加

 

gem "jquery-rails"

 

2、 在项目根目录下执行下列命令：

 

bundle install #安装相关gem
rails generate jquery:install #使用 --ui 参数安装 jQuery UI --version参数指定JQuery版本 (目前默认使用jQuery 1.5)

 

tiroc
关注
专栏目录
Rails 3 - 3.1 用jquery代替prototype
horace_lee的专栏
06-15 86
修改Gemfile并安装gem [code="ruby"]#Gemfile: gem 'jquery-rails', '>= 0.2.6' [/code] [code="ruby"] bundle install[/code] 运行generate命令删除public下的prototype [code="ruby"] rails generate jquer...
用jQuery代替Rails的Prototype
taito的专栏
07-21 122
  默认的情况下，Rails是使用Prototype 做为javascript 框架,如果我们想用 jQuery 来替换它，可以用如下方法   先来看一些对比的例子, jQuery能更好的实现代码从表现层分离   Prototype   $('the-link').observe('click', function() { $('the-div').addClass...
rails3 中prototype和jquery的冲突问题解决
ruby 闲谈
03-31 117
1: 其实prototype和jquery就是$发生冲突，解决办法很简单，不要用$,用jQuery来代替$ 2: 使用jQuery.noConflict()来释放jquery对$变量的控制，这样的jquery将不能使用$,其实也可以使用j=jQuery.noConflict()，这样的话j将相当于以前的$. jQuery.noConflict(); ...
JQuery里面的工具方法
weixin_45846291的博客
05-24 133
JQuery里面的工具方法工具是什么？工具方法数组和对象操作函数操作测试操作字符串操作插件编写 工具是什么？ 在字面意思上面的意思就是：工具原指工作时所需用的器具，后引申为达到、完成或促进某一事物的手段。工具是一个相对概念，因为其概念不是一个具体的物质，所以只要能使物质发生改变的物质，相对于那个能被它改变的物质而言就是工具。 而我这里所说的工具方法是： jQuery函数库提供了一个jQuery对象（简写为），这个对象本身是一个构造函数，可以用来生成jQuery对象的实例。有了实例以后，就可以调用许多针对实例
java rails orm_rails知名应用和工具
weixin_30533933的博客
03-06 176
1,博客,cms类Mephisto 已升到2.2.2，typo 已升级至2.3.5radiantcms 内容管理rubricksrefinerycmslocomativesimplelog:http://simplelog.net1stlog是一个针对中国用户开发的基于RubyOnRails的Blog系统http://www.h3rald.com/articles/rails-os-killer-...
剪裁图片【Ruby on Rails】
GonJay's blog
04-28 2954
这一集我们来用Paperclip和jQuery叫做Jcrop的插件在网页上裁剪图片。假设我们有一个Rails应用，比如一个论坛，允许用用户名注册，并且还可以用头像图片来展示自己。 用户选择上传的图片可以是任何大小，所以我们的应用将会调整大小并裁剪到100像素的正方形之内。 这个应用用Paperclip来自动裁剪和调整图片的大小，但是我们想让用户自己可以控制怎么去裁剪图片
Rails--解决active_scaffold和jrails冲突
06-02 83
在项目使用active_scaffold来做项目的管理部分，用jrails来代替首页部分的js。 active_scaffold用的是prototype.js，jrails用的是jquery。本身prototype和jquery两者就存在冲突，网上对两者的解决方式是可以的实现的，可以很好一起工作。但是对于active_scaffold和jrails的冲突还是有...
《Prototype 与 script.aculo.us终极揭秘》一书的序言
无题
09-01 122
           2005年对于Web开发来说是一个伟大的年份。在这一年中，有两个技术异军突起，一个是Ajax，另一个是Ruby on Rails。这两个技术的出现改变了Web开发的面貌，甚至打乱了JavaEE前进的步伐。多年以来，JavaEE设计者们为自己所设计的无所不包的复杂架构而陶醉，新的buzz word层出不穷，一出来就会得到广泛的关注，相关的图书也会热卖。辉煌的JavaEE版图中居...
rails3.1 release
09-01 89
rails3.1 release Rails （Ruby on Rails）3.1正式版发布！这次没有跳票，如期发布。 该正式版带来几个新的功能，包括： Assets Pipeline：Rails 3.1中引进了一项新功能Assets pipeline。它可以使C...
前端代码规范及风格 Code Guide
酒遥的博客
10-04 1311
前端 Code Guide命名规则项目命名目录命名JS文件命名CSS，SCSS文件命名HTML文件命名HTMLHTML doctypelang属性charset 字符编码IE兼容模式引入CSS,JSHTML5规范链接属性顺序boolean属性JS中生成标签减少标签数量实用高于完美CSS,SCSS通识缩进分号空格空行换行注释引号命名颜色选择器属性顺序属性简写媒体查询SCSS相关杂项JavaScript通识缩进单行长度分号空格空行换行单行注释多行注释文档注释引号变量命名函数数组、对象括号nullundefine
web前端面试题及答案汇总
dongyang0311
06-26 1万+
Doctype作用？严格模式与混杂模式如何区分？它们有何意义? HTML5 为什么只需要写 ？ 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？ 页面导入样式时，使用link和@import有什么区别？ 介绍一下你对浏览器内核的理解？ 常见的浏览器内核有哪些？ html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼
前端面试题
热门推荐
qq_41887655的博客
08-08 2万+
前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? 21 每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？ 21 Quirks模式是什么？它和Standards模式有什么区别 21 div+css的布局较table布局有什么优点？ 22 img的alt与title有何异同？ strong与em的异同？ 22 你能...
综合一
刘群智的博客
07-27 4054
自我介绍 左固定右自适应布局 这是一个很常见的布局，当然也可以实现右侧自适应，左侧自适应。比如常见的网页中，左侧导航栏是固定的，右侧的内容区要自适应浏览器的大小。 现在我们来看下HTML布局： <div id="outer">   <div id="sidebar" style="height:240px;">固定宽度区</div>   <d
JavaEE知识体系
yuh2012的博客
07-11 2万+
1 1.文件上传下载 1.1 文件上传 1.1.1 文件上传的作用 例如网络硬盘！就是用来上传下载文件的。 在智联招聘上填写一个完整的简历还需要上传照片呢。 1.1.2 文件上传对页面的要求 1.必须使用表单，而不能是超链接； 2.表单的method必须是POST，而不能是GET； 3.表单的enctype必须是multipart/form-data； 4.在表单中添加file表
respond_with的用法
tiroc的web开发日记
02-17 1943
        随着学习的深入，Rails 3带给我的惊喜越来越多。respond_with实在是个好东西，最初是在一篇大牛的博客中看到这个东西。不过奇怪的是在api.rubyonrails.org中找不到它的说明。刚刚又看了一片关于respond_with的博客《respond_with in Rails 3》 ，写的很详细。           以前用respond_with，感觉总是模...
SimpleForm 2.0 使用方法
tiroc的web开发日记
12-06 1001
[size=medium][b]从Redmine中备份出来的，有时间再重新排版[/b][/size] h2. SimpleForm 2.0和 Formtastic 的整体比较 Formtastic 的主要缺点在于对HTML输出的可定制性上不够灵活。目前的系统中，想要满足各种表单的需求，就需要在每个表单页写很多重复的代码进行设置，甚至很多页面都在使用 Rails 原生的 Form Bui...
Mongoid::Criteria 和数组
tiroc的web开发日记
10-23 570
因为 Mongoid::Criteria 的实例可以响应一些迭代器方法，所以有时候会让人产生错觉。它在有些情况下会自动加载数据，有的时候则不会，在完全掌握这东西之前，一定避免依赖于延迟加载、自动类型转换等东西，因为看起来会很有迷惑性： [code="ruby"] 1.9.3p194 :045 > users = UserMongo.in(id: [4017]) => translati...
Rails用check_box_tag收集多个复选框的值
tiroc的web开发日记
08-06 410
ps：尽量不要用带_tag的方法 -------------------------- 源自： http://hi.baidu.com/hlxwell/blog/item/9b398cd379c89933960a1662.html 错误的处理方式： .html.erb <% @roles.each do |role| %> <%= check_box_tag ...
Rails3 MVC数据传输深度解析
"剖析Rails3MVC中的数据传递" 在Ruby on Rails框架中，MVC（Model-View-Controller）架构是其核心设计模式，它将应用程序的业务逻辑、用户界面和数据存储分离，以实现良好的代码组织和可维护性。Rails3作为主要的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值