使用 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 您必须传递回调才能执行动态加载。 "To load the API dynamically, pass a callback option in the third parameter."

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

使用 JQuery .ready() 无法加载页面

Page Won't Load Using JQuery .ready()

jquery

google-visualization

document-ready