Ruby on Rails 4 javascript not executed

Question

I have a custom js file in app/assets/javascripts. This is the js file:

//app/assets/javascripts/contacts.js
//$(document).ready(function() { //I've already tried with this method

$(window).load(function() {
    alert("foo bar")
});

I require the file contacts.js file in the application.js file.

If I inspect the html page I see the js file loaded correctly, but the message is not shown. If I reload the page (by pressing f5), the message is correctly show.

When the page is loaded the javascript is loaded (I can see it in source html code in the browser) but not executed.

Can you help me?

SOLUTION: Rails 4: how to use $(document).ready() with turbo-links

read [this](http://guides.rubyonrails.org/working_with_javascript_in_rails.html#turbolinks) — Roman Kiselenko, Apr 02 '14 at 12:44
possible duplicate of [Rails 4: how to use $(document).ready() with turbo-links](http://stackoverflow.com/questions/18770517/rails-4-how-to-use-document-ready-with-turbo-links) — Roman Kiselenko, Apr 02 '14 at 12:45
In rails 5, you can simply say `$(document).on('turbolinks:load', function() { ... });` — Mark, Oct 25 '16 at 04:28

score 7 · Accepted Answer · edited May 23 '17 at 12:00

7

$(document).ready(function() { } # Not working with turbo-links

From

Turbolinks overrides the normal page loading process, the event that this relies on will not be fired. If you have code that looks like this, you must change your code to do this instead:

$(document).on('ready page:load', function () {
  // you code here
});

Another question

edited May 23 '17 at 12:00

Community

1
1

answered Apr 02 '14 at 12:49

Roman Kiselenko

43,210
9
91
103

score 0 · Answer 2 · answered May 20 '20 at 20:09

0

With Turbolinks version 5 (starting from Rails 5) you need to use:

$(document).on("turbolinks:load", function () {
  // YOUR CODE
});

answered May 20 '20 at 20:09

Kris

1,538
2
16
27

Ruby on Rails 4 javascript not executed

2 Answers2

Linked