Rails and jQuery: Javascript on page is reloading but not executing

Question

I am a newbie developing using rails and jquery and having been searching everywhere for a simple example of how to do this for days. I have a page, poweroutput.html.erb, that shows the power output of a customer's solar power system for a particular date. When they input a different date, I want them to see different output, but without having to reload the page. On my page I have some javascript as well as a form (for submitting the date for which a user would like to see the power output) as follows:

<head>
  <script type="text/javascript">
    <%= render "pages/poweroutputscript" %>  # renders a partial containing all my js
  </script>
</head>

# a form is here on this page too

My page's controller action is currently as follows:

def poweroutput      
  # some code 

  if request.xhr?
    @date = params[:dt]         # dt is posted when form is submitted
  else 
    @date = Time.now.getlocal.strftime("%d.%m.%Y")
  end

  respond_to do |format|
    format.html 
    format.js { render :action "pages/poweroutput.js.erb" }
  end
end

And poweroutput.js.erb is as follows:

$("script").html("<%= escape_javascript render "pages/poweroutputscript" %>");

As is, the form submits successfully and I can see on Firebug that the js between my script tags is indeed being replaced with the new js. But the view in my browser is not updating accordingly. What am I doing wrong?

instanceof me · Accepted Answer · 2011-06-21 14:57:59Z

1

I don't think replacing the content of the <script> tag will cause it to run. Try this:

$("script").replaceWith("<script><%= escape_javascript render "pages/poweroutputscript" %></script>");

or just create a new <script> and add it to your document.

answered Jun 21, 2011 at 14:57

instanceof me

39.3k3 gold badges33 silver badges41 bronze badges

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

2 Comments

pitachip Over a year ago

YES! This worked! Thank you! I have been on the verge of tears about this for days.

pitachip Over a year ago

Firebug does not recognize the <script> tags after replaceWith does its work. Do you know why this might be? I've just been running into some strange problems and am trying to rule things out.

Collectives™ on Stack Overflow

Rails and jQuery: Javascript on page is reloading but not executing

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related