Ruby on rails jquery_ujs和/或turbolinks阻止js事件在表单提交按钮上发生

我的应用程序中有

jQuery

、

jQuery ujs

和

turbolinks

（rails 5应用程序中的默认依赖项）

单击“提交”按钮时，我想

fadeIn

加载微调器（来自font awesome的动画微调器）

假设加载微调器隐藏在页面上。以下是“提交”按钮和微调器的代码：

<div class="actions">
  <%= form.submit id: 'submit-btn' %>
</div>

<div id='load-icon'>
  <i class="fa fa-refresh fa-spin fa-3x fa-fw" aria-hidden="true"></i>
  <span class="sr-only">Refreshing...</span>
</div>

搜索需要一段时间来加载信息，但微调器不会出现。我知道这与turbolinks、jQuery ujs或两者都有关，它们在单击按钮时会阻止javascript执行

最后，我的问题是：当单击提交表单按钮时，如何让javascript运行

查看最新文档。使用

document.addEventListener（“turbolinks:load”，function（）{

而不是

$（document）。在（'turbolinks:load'，function（）{

）上，代码如下所示：

document.addEventListener("turbolinks:load", function() {
  $('#submit-btn').on('click', function(){
    $('#load-icon').fadeIn();
  });
});

---

它已经过测试，对我来说工作正常。

控制台中是否显示任何错误？

document.addEventListener("turbolinks:load", function() {
  $('#submit-btn').on('click', function(){
    $('#load-icon').fadeIn();
  });
});