jquery.turbolinks在Rails的$ {document）.ready上不起作用

Question

在意識到我的Rails應用遇到了一個眾所周知的$(document).ready)問題之后，它就無法與Turbolinks一起工作了，我完全按照文檔中的建議安裝了jquery.turbolinks，但我仍然遇到同樣的問題。 每當使用Turbolink導航$(document).ready)函數中的所有JavaScript時，它們都不起作用。

這是我的一些代碼：

在application.js中：

//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
//= require_tree .
//= require turbolinks

JavaScript無效的示例：

$(document).ready(function() {
  $('.notice:empty').hide();
  $('.alert:empty').hide();
  $(".notice").delay(2000).fadeOut();
  $(".alert").delay(2000).fadeOut();
});

Answer 1

在這種情況下，功能將在turbolink之后加載！

function runner(){
  $('.notice:empty').hide();
  $('.alert:empty').hide();
  $(".notice").delay(2000).fadeOut();
  $(".alert").delay(2000).fadeOut();
}
$(runner);
$(document).on("turbolinks:load", runner);

Answer 2

原來是一個簡單的錯誤，我實際上在application.js文件中有一個小腳本，但我沒有意識到//= require turbolinks在其之下添加//= require turbolinks