1

我只是试图让这个示例代码在我的站点中运行。我把所有的 JS 放在它自己的函数中。当我不调用该函数时，页面加载正常，但当然它不显示饼图。当我将加载饼图的函数放入$(function(){...});页面加载时，什么都没有。没有 JS 错误或任何东西，只是一个空白页。我不知道如何调试这个？有没有人有任何想法？

问题发生在这个 JS 小提琴中：http: //jsfiddle.net/hC498/

但是这个问题并没有发生，您只需将 JS 与其余部分一起复制并粘贴到 HTML 窗口中：http: //jsfiddle.net/hC498/1/

我无法在我的应用程序中执行此操作，因为我想等到其他页面内容加载后再加载饼图。为什么将JS移动到自己的功能时它不起作用？

4

1 回答 1

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

于 2012-07-24T14:53:13.937 回答