Javascript与google jsapi静默崩溃答案

【问题标题】：Javascript crashing silently with google jsapiJavascript与google jsapi静默崩溃
【发布时间】：2012-07-24 14:39:01
【问题描述】：

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

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

但是这个问题并没有发生，你只需将 JS 复制并粘贴到 HTML 窗口中即可：http://jsfiddle.net/hC498/1/

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

【问题讨论】：

标签： javascript html google-visualization jsapi

【解决方案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

【讨论】：