Ruby on Rails, rendering a partial using jquery is just displaying the text

Question

I am using the following jQuery to render a partial when a button is clicked

$(document).ready(function() {
  $(".service-type").click(function(e) {
    e.preventDefault();
    $('#details').html("<%= escape_javascript( render(:partial => 'my_partial',
        :locals => { f: f })) %>");
  });
});

but instead of it displaying the partial it inserts the following into my page

<%= escape_javascript( render(:partial => "my_partial", :locals => { f: f })) %>

Any ideas where I am going wrong?

You need to process that file with ERB, it looks like you're probably serving it out of the asset pipeline instead. If you give us more information on where that code is and what its file is named, we could offer more help. — user229044
– user229044 ♦, Commented Feb 27, 2014 at 16:07
Also, just render 'my_partial', f: f. You haven't needed the :partial/:locals since Rails 2.3. — user229044
– user229044 ♦, Commented Feb 27, 2014 at 16:07

user229044 · Accepted Answer · 2014-02-27 16:11:41Z

2

The JS is in assets/javascripts/tasks.js

You need to move your javascript into whichever file defines your form. You can make your file evaluate the embedded Ruby by adding a .erb extension, but that isn't going to help, as the form builder (f) doesn't exist in the context of this request.

You should move that blob of JavaScript directly into your view, probably inside your form_for block, so that it has access to the variable f, assuming f is a FormBuilder.

answered Feb 27, 2014 at 16:11

user229044♦

241k41 gold badges347 silver badges350 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Ruby on Rails, rendering a partial using jquery is just displaying the text

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related