Проблема с JQuery in Rails 5

Question

Я использовал JQuery в Rails 5 раньше и понимаю проблему с 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 в новом файле в приложение/активов/JavaScripts/ пути.