2016-08-17 29 views
0

在意識到我的rails應用程序遇到了衆所周知的問題$(document).ready)與turbolinks不兼容之後,我完全按照文檔提示安裝了jquery.turbolinks,但我仍然遇到同樣的問題。每當使用turbolinks瀏覽我的$(document).ready)函數中的任何JavaScript時都不起作用。

下面是我的一些代碼:

在application.js中:

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

的JavaScript的例子不工作:turbolinks後

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

回答

0

原來是一個簡單的錯誤,我在的application.js文件中有一個小腳本實際上,我並沒有意識到//= require turbolinks需要去太

1

在這種情況下功能將加載!

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

我的印象是在其下方jquery.turbolinks阻止了這樣的解決方法,並允許你像正常一樣使用'$(document).ready'?至少這是文檔和其他相關的stackoverflow答案似乎說 –

相關問題