用jQuery代替Rails的Prototype

 

默认的情况下,Rails是使用Prototype 做为javascript 框架,如果我们想用 jQuery 来替换它,可以用如下方法

 

先来看一些对比的例子, jQuery能更好的实现代码从表现层分离

 

Prototype

 

$('the-link').observe('click', function() {
  $('the-div').addClass('hello');
});

 jQuery

 

$('#the-link').click( function() {
  $('#the-div').addClass('hello');
});

 

更多的例子请看这个ppt

 

 

 

虽然我们可以使用jQuery的很多优秀的方法,不过我们又不想抛弃原来 prototype的众多 helper方法,怎么办呢。


安装jRails

 

把它做为plugins 装在你的项目里,你就可以正常使用你原有的 prototype的方法了。比如remote_form等。

 

替换

<%= javascript_include_tag :defaults%>

 

<%= javascript_include_tag 'jquery'%>
<%= javascript_include_tag 'jquery-ui'%>
<%= javascript_include_tag 'jrails'%> 

 

在Rjs 也可以使用 jQuery, 如:

 

page << "$('span#bacon').text('CHunKy');"
 

 

自带的jquery-ui 你可以参考这个站点:jQuery UI site

 

 

====

Ref: http://jimneath.org/2008/06/18/using-jquery-with-ruby-on-rails/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值