页面将无法使用JQuery .ready（）加载

Question

这并不像我好奇的那么严重。我总是喜欢在调用应该在页面加载时启动的函数之前使用JQuery .ready（）函数，但由于某种原因将这两者组合在一起导致我的页面无法加载 - 日志和函数中没有错误被调用。以下是发生这种情况的示例：

$(document).ready(function () {

    google.load("visualization", "1", { packages: ["corechart"] });
    google.setOnLoadCallback(loadHeader);

});

在.ready（）函数中使用回调是否有问题？该页面似乎悬而未决。更改我的代码以排除.ready（）似乎可以使一切正常。

  google.load("visualization", "1", { packages: ["corechart"] });
  google.setOnLoadCallback(loadHeader);

谢谢！

Answer 1

由于您将google.load放在jquery.ready中，因此它可能被视为动态加载。并根据google.load documentation 你必须传递一个回调才能执行动态加载。 ＆＃34;要动态加载API，请在第三个参数中传递回调选项。＆＃34;

function loadApi() {
    google.load("visualization", "1", {"callback" : pageLoaded});
}