Ruby on rails Can';不要让Highcharts在rails中工作。jquery.min是问题所在吗?
我下载了Highcharts并解压缩了文件夹。我没有将解压后的文件夹放在我的rails应用程序中,但我只是将Ruby on rails Can';不要让Highcharts在rails中工作。jquery.min是问题所在吗?,ruby-on-rails,Ruby On Rails,我下载了Highcharts并解压缩了文件夹。我没有将解压后的文件夹放在我的rails应用程序中,但我只是将highcharts.js复制并粘贴到我的vendor/assets/javascript文件夹中 接下来,为了确保它正常工作,我将文档中的示例图表复制并粘贴到视图中。因此,我不认为我的代码是错误的。但是,视图现在只显示一个空白页 我试着用谷歌搜索,但我无法找出问题所在。我认为这可能与jquery.min有关,但我不能完全确定。似乎jquery.min正在搞乱我的其他jquery函数,所以
highcharts.js
复制并粘贴到我的vendor/assets/javascript
文件夹中
接下来,为了确保它正常工作,我将文档中的示例图表复制并粘贴到视图中。因此,我不认为我的代码是错误的。但是,视图现在只显示一个空白页
我试着用谷歌搜索,但我无法找出问题所在。我认为这可能与jquery.min有关,但我不能完全确定。似乎jquery.min正在搞乱我的其他jquery函数,所以我认为这可能是…我使用的是jquery rails 2.0.2 gem中的jquery
我的看法是:
<%= javascript_include_tag "http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"%>
<%= javascript_include_tag "highcharts" %>
<script>
$(function () {
$('#chart').highcharts({
chart: {
type: 'bar'
},
title: {
text: 'Fruit Consumption'
},
xAxis: {
categories: ['Apples', 'Bananas', 'Oranges']
},
yAxis: {
title: {
text: 'Fruit eaten'
}
},
series: [{
name: 'Jane',
data: [1, 0, 4]
}, {
name: 'John',
data: [5, 7, 3]
}]
});
});
</script>
<div id = "chart"> </div>
为什么你要在你的
application.js中包含gem中的jQuery
,然后在你的视图中包含谷歌CDN中的jQuery
。但是,我尝试删除那个javascript标记,但没有效果。是的,如果你已经将它包含在application.js中,你就不再需要它了:)但这可能不是问题所在。开发者工具控制台中有错误吗?@timperticola我有一个未捕获的SyntaxError:Unexpected-token-liquired
,它在脚本结束前突出显示函数末尾的分号。这似乎没有道理。我想我在application.js中包含了jquery,但是程序需要jquery.min才能工作?这有意义吗?@Timperticola实际上我刚刚删除了最后一行并重写了它。这个错误消失了。但仍然没有出现图表
//= require jquery
//= require jquery_ujs
//= require jquery.numeric
//= require_tree .
//= require bootstrap