我想從github獲得用戶回購

Question

我想從github獲得用戶回購。我使用的代碼不起作用

這裏是我試圖實現它的地方。 http://codeforu.ms/staff/matthew/#ourTab

它在這的jsfiddle http://jsfiddle.net/wh1t3w0lf21/nT5wY/3/

工作，這裏是代碼

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script> 
<script type="text/javascript"> 
    $("#btn_get_repos").click(function() { 
    $.ajax({ 
     type: "GET", 
     url: "https://api.github.com/users/google/repos", 
     dataType: "json", 
     success: function(result) { 
      for(i in result) { 
       $("#repo_list").append(
        "<li><a href='" + result[i].html_url + "' target='_blank'>" + 
        result[i].name + "</a></li>" 
       ); 
       console.log("i: " + i); 
      } 
      console.log(result); 
      $("#repo_count").append("Total Repos: " + result.length); 
     } 
    }); 
}); 
    </script> 

<li id="ourTab" class="profileContent"> 
    <div id="repos"> 
     <ul id="repo_list"></ul> 
    </div> 
    <div id="repo_content"></div> 
    <button id="btn_get_repos">Get Repos</button><span id="repo_count"></span> 
</li> 

Answer 1

我覺得你只是訂閱到事件之前的DOM已準備就緒。就像這樣包裝它：

$(function() { 
    $("#btn_get_repos").click(function() { 
     $.ajax({ 
      type: "GET", 
      url: "https://api.github.com/users/google/repos", 
      dataType: "json", 
      success: function(result) { 
       for (i in result) { 
        $("#repo_list").append(
        "<li><a href='" + result[i].html_url + "' target='_blank'>" + 
        result[i].name + "</a></li>" 
        ); 
        console.log("i: " + i); 
       } 
       console.log(result); 
       $("#repo_count").append("Total Repos: " + result.length); 
      } 
     }); 
    }); 
});