Question

我试图在我的Rails 4应用程序中使用gauge.js插件，但我得到的是未捕获的TypeError：undefined不是函数错误试图访问主页时控制台。

以下是 application.js ：

中的内容

//= require jquery
//= require gauge.min.js

以下是 index.html 视图中的内容：

<script>
jQuery(document).ready(function(){
  var opts = {
    lines: 12, // The number of lines to draw
    angle: 0.15, // The length of each line
    lineWidth: 0.44, // The line thickness
    pointer: {
      length: 0.9, // The radius of the inner circle
      strokeWidth: 0.035, // The rotation offset
      color: '#000000' // Fill color
    },
    limitMax: 'false',   // If true, the pointer will not go past the end of the gauge
    colorStart: '#6FADCF',   // Colors
    colorStop: '#8FC0DA',    // just experiment with them
    strokeColor: '#E0E0E0',   // to see which ones work best for you
    generateGradient: true
  };
  var target = document.getElementById('foo'); // your canvas element
  var gauge = new Gauge(target).setOptions(opts); // create sexy gauge!
  gauge.maxValue = 3000; // set max gauge value
  gauge.animationSpeed = 32; // set animation speed (32 is default value)
  gauge.set(1250); // set actual value
})
</script>

我已经搜索了这个错误并发现脚本以错误的顺序加载是一个问题，所以我想知道这是否与Rails 4 turbolinks有关，因为我有一个在我的应用程序的其他部分加载JS。

Answer 1

以前我曾经：

<div id="foo"></div>

需要：

<canvas id="foo"></canvas>

未捕获的TypeError：undefined不是函数gauge.js

1 个答案: