jquery - Google Chart API 回调函数没有被调用

Question

我正在尝试使用 Google Chart API 呈现数据，但奇怪的是，当我加载可视化 API 时，回调函数没有被调用。我在http://jsfiddle.net/jagzviruz/ZBMnh/创建了一个小提琴

var DonutChart = {
data : [
    ['Sales', 20],
    ['Returns', 12],
    ['Pending', 80],
    ['Processed',990]
],
init : function(){
    $.getScript('https://www.google.com/jsapi', this.loadPackages);
},
loadPackages : function(){
    console.log('Loaded API.. now loading packages');
    var o = this;
    google.load("visualization", "1", {packages:["corechart"]});
    google.setOnLoadCallback(o.renderData);
},
renderData: function(){
    //console.log('Loaded Packages.. Now showing charts');
    alert('Render Data');
}};

DonutChart.init();

我从来没有收到警报。其他控制台消息显示正常。

Answer 1

使用DonutChar而不是this引用函数指针：

$.getScript('https://www.google.com/jsapi', DonutChart.loadPackages);

该init函数等价于：

function foo()
  {
  $.getScript('https://www.google.com/jsapi', this.loadPackages);
  }

DonutChart.init = foo

结果，this等于foo而不是DonutChart。