Javascript与google jsapi无声地崩溃

我只是试着在我的网站上运行。我把所有的JS放在它自己的函数中。当我不调用该函数时，页面加载良好，但它当然不会显示饼图。当我将加载饼图的函数放入

$（function（）{…}）中时页面上没有加载任何内容。没有JS错误或任何东西，只有一个空白页。我不知道如何调试这个？有人有什么想法吗

问题发生在这个JS小提琴上：

但问题并没有发生在这一次中，您只需将JS复制并粘贴到HTML窗口中，并将其其余部分：

我无法在我的应用程序中执行此操作，因为我希望在加载饼图之前等待其他页面内容加载。当您将JS移动到自己的函数时，为什么它不工作？
这是因为您正在调用以前使用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的语句之前

请参阅更新的
，这是因为您正在调用之前使用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的语句之前

见更新