Rails 5：jQuery 不与 TurboLinks 一起运行

Question

我正在使用 Rails 5，并且在 Flash 消息上，我有一个 x 图标，单击时会关闭 Flash 消息。

这里是它的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');
  });
});