我有几个函数使用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","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
解决方法
google.setOnLoadCallback with jQuery $(document).ready(),is it OK to mix?
可能是最接近的答案，Ryan Wheale对下面的答案也可能是有帮助的。