views:

333

answers:

3

I'm attempting to integrate JQuery into Rails 3. I've downloaded the rails.js file from http://github.com/rails/jquery-ujs and have included it in my app. I've also include JQuery.

But when I attempt to do a simple page.replace like so:

render :update do |page|
  page.replace_html "my_div", :partial => "my_partial", :locals => {:mylocal => mylocal}
end

I get the following error thrown from the javascript executing:

RJS error:
TypeError: Element.update is not a function

Element.update("my_div", "mypartialdata");

Any ideas?

A: 

page.replace will call prototype function Element.update. Have you got prototype included in your page?

jpartogi
A: 

I figured out the problem. Apparently with JQuery, you cannot use the rails helpers like "replace_html" or "insert_html". You merely have to do page << "//Jquery code".

Bensign
+1  A: 

As others have said, page.replace, in rails 2, reference Element.update.

If you want the same helpers available to you in Rails 3 with jQuery, check out jrails:

http://github.com/aaronchi/jrails

In case you want to use the assert_select_rjs test helpers in Rails 3, go grab the patched version here:

https://github.com/theworkinggroup/jrails

Jamie Wong
Cool, that works. Thanks.
Bensign
If this solution solved your problem, please accept the answer. If you feel that it was a good answer, please upvote it as well.
Jamie Wong