Javascript not executing when using link_to

Question

I have couple javascript functions that attaching action to buttons in controller view some/index. I navigate to some/index using link_to method. But when i'm using link_to method, buttons has no attached javascript actions (in some/index view). When i try open some/index directly from my browser, buttons have all attached actions i need and working fine.

some.js.coffee

jQuery ->
    $('.my-btn').on 'click', (event) ->
    ...

I think it can't attach actions to buttons in some/index when i'm using link_to because it already executed all javascript in root/index view and page is not refreshing when i'm using link_to. How can i solve this problem? Still want to use link_to)

Justin · Accepted Answer · 2015-06-22 19:55:20Z

2

This is a result of Turbolinks. You can get around this with the following:

$(document).on 'click', '.my-btn', (event) ->
  ...

This is happening because Turbolinks is loading the page, and there isn't a document ready event being fired. You want to wait until Turbolinks fires the page:load event.

You do not need the jQuery -> with the above code.

edited Jun 22, 2015 at 19:55

answered Jun 22, 2015 at 15:47

Justin

4,9402 gold badges31 silver badges73 bronze badges

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

Collectives™ on Stack Overflow

Javascript not executing when using link_to

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