jquery - Google Chart API 回调函数未被调用

Question

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

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。