1

在我的 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 文件的末尾,还是有更好的解决方案不会改变我的内联脚本位置?

4

1 回答 1

0

只是两个想法。尝试在调用之前包含库。还要检查路径是否正确并已加载。

于 2013-07-18T09:11:05.550 回答