2014-05-19 427 views
2

我試圖使用gauge.js插件與我的Rails應用4,但我發現了一個遺漏的類型錯誤:未定義是不是在我的控制檯時,一個功能錯誤試圖擊中主頁。遺漏的類型錯誤:未定義是不是一個函數gauge.js

下面是我在的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。

+0

我讀過有有這個問題,由於進口.min.js,而不是人。 JS。也許你面臨同樣的問題。你可以嘗試導入.js而不是.min嗎? – FabKremer

+0

仍然與它的.coffee版本相同的問題:Uncaught TypeError:undefined不是一個函數gauge.js – beaconhill

回答

3

以前我有:

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

它需要:

<canvas id="foo"></canvas> 
相關問題