javascript - Dribble 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 回调之外