没有在Rails 5中使用Turbolink刷新页面，Javascript就无法运行

Question

I've seen several posts on here, as well as blog posts, about this issue. None of them have helped me so far, eg this one: Same rails and turbolink version

Here's an example of js which doesn't load without refreshing the page:

document.addEventListener('turbolinks:load', function() {
    document.getElementById(id[0]).oninput=function () {
        validate(id[0]);
    }
});

The Javascript runs fine without Turbolinks, and removing Turbolinks is not a solution for me.

Note: It does work if I require a specific JS file from application.html.erb , but then it runs every file on all pages on the web site, and the JS has to be page specific.

Answer 1

You should use this one for turbolinks.

$(document).on('page:load', ready);

But this is quite bad, because on some pages you want use turbolinks, on other you don't want. Soon you will have script initialized just by document ready(because you cannot wait page to load), and other via page:load. So better just prevent this 'unexpected behaviour':

= link_to "Page", some_path(@page), data: { turbolinks: 'false' }