Dribbble API Json代码不会工作

时间:2013-10-22 10:48:47

标签: javascript jquery json api jsonp

我有这段代码

// Dribble
$('head').append('<script type="text/javascript" src="http://api.dribbble.com/players/simplebits/shots?callback=displayShots" charset="utf-8"><\/script>');
function displayShots(data) {
    shots = data.shots;
    for (var i = 0; i < 8; i++) {
        var shot = shots[i];
        $('#dribble').append('..somecode..');
    }
}
//

当我将其粘贴到控制台上时,它将加载

但是当我将它放在$(document).ready上时,它无效,

如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

因为您在document.ready闭包范围内声明,所以您应该使用:

   window.displayShots = function(data) {
      shots = data.shots;
      for (var i = 0; i < 8; i++) {
        var shot = shots[i];
        $('#dribble').append('..somecode..');
      }
    }

或将你的回调函数放在document.ready callback

之外