Ruby on Rails 4 javascript not executed - Stack Overflow

admin管理员组

文章数量:1356965

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

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

• javascript
• ruby-on-rails
• ruby
• ruby-on-rails-4
• asset-pipeline

Share Improve this question Follow edited May 23, 2017 at 11:53 CommunityBot 111 silver badge asked Apr 2, 2014 at 12:34 user1066183user1066183 2,58444 gold badges2929 silver badges5757 bronze badges 5

• Yes, I'm using turbo-links – user1066183 Commented Apr 2, 2014 at 12:43
• 2 read this – Roman Kiselenko Commented Apr 2, 2014 at 12:44
• 1 possible duplicate of Rails 4: how to use $(document).ready() with turbo-links – Roman Kiselenko Commented Apr 2, 2014 at 12:45
• Ok. Your link works for me. solved. – user1066183 Commented Apr 2, 2014 at 12:52
• In rails 5, you can simply say $(document).on('turbolinks:load', function() { ... }); – Mark Commented Oct 25, 2016 at 4:28

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 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

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

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

本文标签： Ruby on Rails 4 javascript not executedStack Overflow