在HTML（Ruby on Rails）中引用Javascript文件时的必要步骤

Question

I have a javascript file named text_messages.js

The file is already referenced it on my html.erb using <%= javascript_include_tag "text_messages"%>

and it is in the config.assets.precompile

when I insert the javascript directly in the html file using <% content_for :javascript do %> <script type="text/javascript"> the code works perfectly fine. Confused as to how i should go about this. Thanks!

Answer 1

An issue that occurs regularly is that your app uses Turbolinks but your JavaScript keeps using jQuery's ready event. This only works if the page your JS is running on happens to be the first page you're rendering in the browser.

You can check whether or not you're using turbolinks by looking at the application.js file: If it contains //= require turbolinks (or #= require turbolinks if you're using CoffeeScript), you know that you're using it and might be falling into this trap.

If this is the case, there are three options to solve the issue:

1) Replace all occurrences of the ready event with page:change (or turbolinks:load if you're using Turbolinks 5) which covers both page changes as well as the original ready event.

2) Use the jquery-turbolinks gem .

3) Remove turbolinks altogether.

Generally, I prefer option 1 since I don't like adding extra gems. The only downside is that you have to manually define some events if you're using JavaScript packages that define their own ready events – otherwise they won't be picked up properly.