Partial won't render when replacing html with jQuery and escape_javascript

Question

When the user is clicking on a link with the class "edit_resource", the content of a div should be replaced by a partial. Here is my code:

$(".edit_resource").click(function(){
  var id = $(this).attr("id")
  $('#id' + id + '_show').html("<%= escape_javascript(render :partial => 'form', :locals => {:@resource => resource})%>")
})

The code is working as expected, except that that escape_javascript doesn't work. The new content of the div is the text

<%= escape_javascript(render :partial => 'form', :locals => {:@resource => resource})%>

, and this is also what is shown on the page.

No code is executed, and my partial isn't rendered. I have tried to use <%== instead of <%= without luck.

I have also tried

<%= raw escape_javascript(render :partial => 'form', :locals => {:@resource => resource})%>

I have even tried to replace the partial part of the code with just simple rails code. That didn't help either.

What can I do?

I use Rails 3.0.10, and my javascript_include_tag is like this:

<%= javascript_include_tag 'jquery-1.6.2.min', 'jquery-ui-1.8.16.custom.min', 'application', 'jquery.rails.js'%>

rb512 · Accepted Answer · 2011-10-17 15:46:53Z

3

Add .html_safe after the closing bracket of escape_javascript

answered Oct 17, 2011 at 15:46

rb512

6,9563 gold badges39 silver badges55 bronze badges

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

1 Comment

Johan Hovda Over a year ago

Didn't help... Thank's for your reply.

fredley · Accepted Answer · 2011-10-18 11:37:26Z

1

I have put my js in a js.erb-file, and finally managed to use my variables in the right way.

Here's my code:

$('#id' + '<%= @id %>' + '_show').html('<%= escape_javascript(raw render :partial => 'form', :locals => {:@resource => Resource.find_by_id(@id)}).html_safe %>')

And in the controller: format.js { @id = params[:id]}

In the view: <%= link_to t('edit'), resources_path(:id => resource.id), :remote => true %>

edited Oct 18, 2011 at 11:37

fredley

34.1k46 gold badges151 silver badges242 bronze badges

answered Oct 18, 2011 at 11:21

Johan Hovda

8552 gold badges10 silver badges23 bronze badges

Comments

Jerry Deng · Accepted Answer · 2011-10-17 15:49:30Z

0

I don't think you can have :@resource @ followed by an symbol :

<%= escape_javascript(render :partial => 'form', :locals => {:@resource => resource})%>

Just take that @ out

<%= escape_javascript(render :partial => 'form', :locals => {:resource => resource})%>

and use the variable by calling resource in your partial

answered Oct 17, 2011 at 15:49

Jerry Deng

4675 silver badges15 bronze badges

1 Comment

Johan Hovda Over a year ago

Thanks for your reply! Using :@resource works very well in a non-ajax variant I have used for testing. I have nevertheless tried to change this according to your advise, but it didn't help. If :@resource was the problem, I think I would have got an error message. The only thing I get is the whole escape-thing as a string on my page

Collectives™ on Stack Overflow

Partial won't render when replacing html with jQuery and escape_javascript

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related