加载谷歌图表API时，PhoneGap（Cordova）应用程序崩溃

Question

我正在iOS模拟器上测试这个应用程序

每当我运行此代码时：

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

我的phonegap应用程序崩溃到一个完全白色的屏幕。 我有一个页面，我有一些随机内容和一个按钮，分配一个.click() jQuery监听器，开始加载谷歌图表API。 每当我点击那个按钮，一切都消失了，我留下了一个空白的屏幕。

这是代码：

$( '#chartsThirdStep' ).live( 'pageinit',function(event){

    $("#chartThirdStepGoButton").click(function(event){

        parseChartInfo();
    });
});

function parseChartInfo() {

    console.log("parseChartInfo()");
    google.load("visualization", "1", {packages:["corechart"]});
    // app completely crashes here - all jquery mobile stuff dissapears
    // and i'm left with a blank screen on the simulator.
    //google.setOnLoadCallback(drawChart);
}

我正在使用：

• Xcode v4.2
• 科尔多瓦v1.9.0
• jQuery mobile v1.1.1
• jQuery v1.7.1
• https://www.google.com/jsapi
• Mac OS X v10.6.8
• iOS模拟器v5.0（272）

Answer 1

首先，您需要在“ready”事件处理程序之外加载API，因为加载程序似乎在其他函数中不能正常工作。
其次，将click事件处理程序放在google.load回调中，这将阻止在API加载之前分配click事件（因此用户无法在API加载之前尝试绘制图表，尽管它通常加载足够快，你的用户永远不会注意到差异）