未捕获的类型错误：$(...).barrating 不是函数 - Rails / Turbolinks

Question

我在我的 Rails 应用程序中使用来自 https://antennaio.github.io/jquery-bar-rating/ 的 Barrating Javascript，该应用程序使用 Turbolinks 进行页面加载。

我已将 barrating.min.js 包含在我的 javascript 中，我正在使用 //=require 将它加载到我的 application.js 中 - 一切正常。

然后，我的 assets/javascripts 区域中有一个 rating.js，用于调用在页面上创建 jquery 栏。

    document.addEventListener("turbolinks:load", function(event) {
console.log('page is fully loaded');

      //$('#user_track_rating_drums').barrating("destroy");

      $('#user_track_rating_drums').barrating({
        theme: 'bars-horizontal',
        reverse: true,
        initialRating: 1,
         onSelect: function(value, text, event) {
          if (typeof(event) !== 'undefined') {

            if (value >= 8) {
              document.getElementById('average_drums_class').className = 'green';
            }
            else if (value >= 6) { 
              document.getElementById('average_drums_class').className = 'yellow';
            }
             else if (value >= 3) { 
              document.getElementById('average_drums_class').className = 'orange';
            }
            else { 
              document.getElementById('average_drums_class').className = 'red';
            }

            // rating was selected by a user
            console.log(event.target);
          } else {
            // rating was selected programmatically
            // by calling `set` method
          }
        }
      });
})

在第一个页面加载/或者如果它手动刷新页面时一切正常，但是如果它从使用 Turbolinks 的页面导航，当我返回而不是再次创建条时，我得到一个 Uncaught TypeError: $( ...).barrating 不是函数。

我已尝试从控制台调用 barrating 函数以将其附加到页面上的其他内容，但未找到。

检查页面，barrating.min.js 仍然包含在 HEAD 中。

我尝试在再次创建它之前将其销毁，但没有成功。 我认为这是使用 turbolinks 加载页面的问题

Answer 1

经过反复试验，终于弄明白了。

我从 assets/javascripts 区域中删除了调用和附加 barrating 的代码，并将其直接内嵌在所需的页面上。

它现在在第一次和后续加载时触发而不会出错。

不完全确定将它放在资产区域会出现什么问题，但这解决了它