在加载JQuery之前加载Google可视化库

Question

我遇到了DOM的问题，因为Google可视化表格/图形中的元素在jQuery之前加载。因此，我意识到需要在jQuery .ready()之前加载Google可视化。

加载Google可视化的方法如下：

google.load("visualization", "1", {packages:["linechart","table","piechart"]});
google.setOnLoadCallback(drawGraph);

如何确保在运行.ready()函数之前加载Google可视化？

谢谢， Joel

- Joel

Answer 1

您可以在函数内定义 document.ready，如果它已经准备好，那么在调用时它会触发，就像这样：

google.load("visualization", "1", {packages:["linechart","table","piechart"]});
google.setOnLoadCallback(myLoad);

function myLoad() {
  drawGraph();
  $(document).ready(function() {
   //Stuff here
  });
}

需要注意的是，你可能完全不需要使用 document.ready，你可以直接将内容放在同一个函数中。

另外一种方法是，在你的 .ready() 函数中将 drawGraph() 调用放在第一位。

- Nick Craver

---

谢谢！运作得很好。 至于替代方案，如果我从我的 .ready() 中调用 drawGraph()，难道不会存在谷歌包尚未从谷歌加载的风险吗？ - Joel