Rails 5：jQueryがTurboLinksで動作していない

Question

私はRails 5を使用しています。フラッシュメッセージには、クリックするとxアイコンが表示され、フラッシュメッセージが閉じます。ここで

は（app/assets/javascripts/static_pages.jsにあります）そのためのJS関数です：

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

JSの機能が動作しないこと。しかし、その機能をコピーしてコンソールに貼り付けてからxアイコンを押すと機能します。

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

何を私が間違っているのとどのように私はその機能が動作するように得るか：

ここに私application.jsファイルがですか？

Answer 1

あなたには「」がありません。

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