jquery - Google Charts API 使用 $(document).ready 方法显示空白屏幕

Question

我有几个函数可以使用 Google Charts API 实例化各种图表。

当我在没有 jQuery 的 $(document).ready 方法的情况下调用它们时，一切正常。但用这种方法，我看到的是空白屏幕。

为什么？

<script type="text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js" charset="utf-8"></script>
<script type="text/javascript" src = "http://www.google.com/jsapi" charset="utf-8"></script>
function drawColumnChart1(){..some code..}
function drawColumnChart2(){..some code..}
function drawGeoChart(){.some code..}

//This works fine.
google.load("visualization", "1", {packages:["piechart", "corechart", "geomap"]});
google.setOnLoadCallback(window.drawColumnChart1);
google.setOnLoadCallback(window.drawColumnChart2);
google.setOnLoadCallback(window.drawGeoChart);



//This doesn't work
$(document).ready(function(){
    google.load("visualization", "1", {packages:["piechart", "corechart", "geomap"]});
    google.setOnLoadCallback(window.drawColumnChart1);
    google.setOnLoadCallback(window.drawColumnChart2);
    google.setOnLoadCallback(window.drawGeoChart);
});

更新这是我在 Firebug 中遇到的错误:

uncaught exception: [Exception... "Could not convert JavaScript argument"  nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)"  location: "JS frame :: http://www.google.com/jsapi :: Q :: line 20"  data: no]
http://www.google.com/jsapi
Line 22

Answer 1

google.setOnLoadCallback with jQuery $(document).ready(), is it OK to mix?

可能是最接近的答案，Ryan Wheale 对以下问题的回答也可能有帮助。

Is it ok to use google.setOnLoadCallback multiple times?