Javascript以google jsapi静默崩溃

时间:2012-07-24 14:39:02

标签: javascript html google-visualization jsapi

我只是想让this example code在我的网站上运行。我把所有的JS放在自己的函数中。当我不调用该函数时,页面加载正常,但当然它不显示饼图。当我把函数加载到$(function(){...});里面的饼图加载页面上的任何内容时。没有JS错误或任何东西,只是一个空白页面。我不知道怎么调试这个?有没有人有任何想法?

问题出现在这个JS小提琴中:http://jsfiddle.net/hC498/

但问题不会发生在这个问题上,你只需将JS复制并粘贴到HTML窗口中,其余部分就是:http://jsfiddle.net/hC498/1/

我无法在我的应用程序中执行此操作,因为我想在加载饼图之前等到其他页面内容加载。当你将JS移动到它自己的函数时,为什么它不起作用?

1 个答案:

答案 0 :(得分:1)

这种情况正在发生,因为您正在调用使用之前的jsapi的脚本

<script type="text/javascript" src="https://www.google.com/jsapi"></script>

按以下顺序执行时效果很好。

 <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript" src="script.js"></script> <!-- the separate js file-->

JSFiddle,将你的JS插入到head元素的开头,甚至在你的语句要求加载jsapi之前。

查看更新的JSFiddle