用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/