Using Jquery within rails

Question

I am trying to use some Jquery witihin a rails application. This is my first time using Jquery in rails and I cannot seem to get it to work. I am using rails4 and this is what my code looks like

I have a pages controller with an index action

index action

def index
  respond_to do |format|
   format.html
   format.js
  end
end

pages.js

$(document).ready(function(){
$('.button').click(function(){
    $(this).fadeOut('slow);
  });
});

index.html.erb

 <button class="button">Clickme</button>

However I get no response, am I missing something here ?

Hi. You have a ' missing from the fadeOut method. Is that a typo? — veritas1
– veritas1, Commented Sep 7, 2013 at 11:17

kalkov · Accepted Answer · 2013-09-08 19:58:30Z

1

Rails4 uses turbolinks.

So in coffescript your code should be:

pages.js.coffee

ready = ->
  $('.button').click -> 
    $(this).fadeOut('slow')


$(document).ready(ready)
$(window).bind('page:change', ready)

answered Sep 8, 2013 at 19:58

kalkov

1455 bronze badges

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

Comments

tobinjim · Accepted Answer · 2013-09-07 14:53:07Z

0

Is your controller "pages"? Where is "pages.js" located?

If "pages" is the controller, and "pages.js" is in /app/assets/javascripts/ then I am of no help. But in my test app, I placed your javascript in the .js file for the controller, in /app/assets/javascripts/ and the button fades out like you expected.

answered Sep 7, 2013 at 14:53

tobinjim

1,8522 gold badges19 silver badges31 bronze badges

Collectives™ on Stack Overflow

Using Jquery within rails

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related