JQuery在Rails 5中遇到麻煩

Question

我之前在Rails 5中使用過JQuery，並且瞭解了turbolinks的問題。我希望我的#title對象在懸停時通過.animate（）更改顏色。這裏是我的js文件：

//= require jquery 
//= require jquery.turbolinks 
//= require jquery_ujs 
//= require bootstrap-sprockets 
//= require turbolinks 
//= require_tree . 

$(document).on('turbolinks:load', function(){ 
$('#title').hover(
    function(){ 
     $('#title').animate({'color': '#404a87'},400); 
    }, 
    function(){ 
     $('#title').animate({'color': '#393939'},400); 
    } 
); 
}); 

這裏是我試圖改變對象：

<p id="title">SEABOLT DESIGN</p> 

我不能得到任何東西到這個對象上工作。我認爲JQuery不起作用。有人可以幫忙嗎？謝謝！

Answer 1

Aggred到jquery.turbolinks

Turbolinks的官方文檔則需要在年底，因爲它必須安裝單擊處理程序的最後，所以不與其他腳本干擾。

你組織你的文件是這樣的：

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

，並把你的Javascript在新文件中應用程序/資產/ Java腳本/路徑。