在我的 HTML <body> 中,我像这样编写 Amcharts 内联脚本:
<script type='text/javascript'>
var am_chartData = ...
AmCharts.ready(function () {
chart = new AmCharts.AmSerialChart();
chart.dataProvider = am_chartData;
...
...
chart.write('amcharts');
});
</script>
在页面末尾我包含 js 文件
<script type="text/javascript" src="/js/amcharts.js"></script>
但在浏览器控制台中,我收到此错误:
Uncaught ReferenceError: AmCharts is not defined
此错误指向AmCharts.ready(function () {
. 似乎浏览器在到达 amcharts.ready 行时找不到 AmCharts。当我在页面的 <head> 标记中包含 amcharts.js 文件时,一切正常。但我想将它包含在页面底部。
我必须将所有内联脚本移动到 HTML 文件的末尾,还是有更好的解决方案不会改变我的内联脚本位置?