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);
            }
        });
    });
});

我试图从github获得用户回购

1 个答案: