Dribbble API Json代码不会工作

Question

我有这段代码

// 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上时，它无效，

如何解决这个问题？

Answer 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

之外