jquery - 在 JQuery 之前加载 Google 可视化

Question

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

通过以下方式加载 Google 可视化：

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

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

谢谢，乔尔

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，您可以将内容粘贴在同一个函数中。

或者，您可以将drawGraph();呼叫作为.ready().