Google Charts API使用$（document）.ready方法显示空白屏幕 [英] Google Charts API shows blank screen with $(document).ready method

问题描述

当我在没有jQuery的 $（document）的情况下调用它们的时候，我已经有了几个函数来实例化使用Google Charts API的各种图表。准备方法，一切工作正常。但是用这种方法，我正在看空白屏幕。

为什么？

 < script type =text / javascriptsrc =http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.jscharset =utf-8> < /脚本> 
< script type =text / javascriptsrc =http://www.google.com/jsapicharset =utf-8>< / script> 
 function drawColumnChart1（）{.. some code ..} 
 function drawColumnChart2（）{.. some code ..} 
 function drawGeoChart（）{。some code ..} 
 
 //这工作正常。 
 google.load（visualization，1，{packages：[piechart，corechart，geomap]}）; 
 google.setOnLoadCallback（window.drawColumnChart1）; 
 google.setOnLoadCallback（window.drawColumnChart2）; 
 google.setOnLoadCallback（window.drawGeoChart）; 
 
 
 
 //这不起作用
 $（document）.ready（function（）{
 google.load（visualization， 1，{packages：[piechart，corechart，geomap]}）; 
 google.setOnLoadCallback（window.drawColumnChart1）; 
 google.setOnLoadCallback（window.drawColumnChart2）; 
 google.setOnLoadCallback（window.drawGeoChart）; 
}）; 
  

更新
这是我在Firebug中得到的错误：

 未捕获的异常：[Exception ...无法转换JavaScript参数nsresult：0x80570009（NS_ERROR_XPC_BAD_CONVERT_JS）location： JS框架:: http://www.google.com/jsapi :: Q :: line 20data：no] 
 http://www.google.com/jsapi 
第22行
  

解决方案

google.setOnLoadCallback with jQuery $（document）.ready（），可以混合吗？

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

< href =https://stackoverflow.com/questions/1380043/is-it-ok-to-use-google-setonloadcallback-multiple-times>可以多次使用google.setOnLoadCallback吗？

I've got several functions that instantiate various charts using Google Charts API.

When I call them without jQuery's $(document).ready method, everything works fine. But with that method, I'm looking at blank screen.

Why?

<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);
});

UPDATE Here is the error I get in 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

解决方案

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

is probably the closest answer, and Ryan Wheale's answer on the following may also be helpful.

Is it ok to use google.setOnLoadCallback multiple times?

这篇关于Google Charts API使用$（document）.ready方法显示空白屏幕的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！