Rails 5: jQuery не работает с TurboLinks

Question

Я использую Rails 5 и на флэш-сообщениях. У меня есть значок x при нажатии, закрывает флеш-сообщение.

Вот функция JS для него (находится в app/assets/javascripts/static_pages.js):

$(document).on("turbolink:load", function() { 
    $('.close .icon').on('click', function() { 
    $(this).closest('.message').transition('fade'); 
    }); 
}); 

Эта функция JS не будет работать. Однако, когда я копирую и вставляю эту функцию в консоль, затем нажмите значок x, он работает.

Вот мой application.js файл:

//= require jquery 
//= require jquery_ujs 
//= require semantic-ui 
//= require turbolinks 
//= require_tree . 

Что я делаю неправильно и как я могу получить, что функциональность для работы?

Answer 1

Вам не хватает 's' это turbolinks.

$(document).on('turbolinks:load', function() { 
    $('.close .icon').on('click', function() { 
    $(this).closest('.message').transition('fade'); 
    }); 
});