仅在页面刷新时提供资产

Question

我的 javascript 文件有问题，似乎它们在我的应用程序的每个重定向中都没有正确加载。我需要刷新才能加载它们。

我正在使用 rails 5 和 turbolinks 5。

这就是我的 application.html.erb 资产标签助手的样子

<%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>

这是我的 application.js

//= require rails-ujs
//= require jquery.min.js
//= require activestorage
//= require turbolinks
//= require_tree .
//= require bootstrap.min.js
//= require bootstrap-datepicker.js
//= require circle-progress.min.js
//= require html5shiv.min.js
//= require jquery.appear.js
//= require jquery.appear.min.js
//= require jquery.countTo.js
//= require jquery.easing.1.3.js
//= require jquery.flexslider-min.js
//= require jquery.magnific-popup.min.js
//= require jquery.stellar.min.js
//= require jquery.waypoints.min.js
//= require owl.carousel.min.js
//= require respond.min.js

我从 vendor/assets/javascripts

获得我所有的库

Answer 1

Turbolinks 5 - 要正确加载 javascript，请使用以下事件：

$(document).on('turbolinks:load', function () {
    // jquery javascript
    // your code snippet here

});


document.addEventListener('turbolinks:load', function(event) {
    // vanilla javascript
    // your code snippet here
});