javascript - Git 远程仓库没有显示在 中

Question

我试图通过他们的 api 列出我的 github 存储库，但它没有显示在我的页面上，而是使用与 JSFiddle 上工作的完全相同的代码。

调试显示脚本正在被调用，但它只是没有加载到其 <div> 中:

<div id="repos">
     <ul id="repo_list">
     </ul>
</div>`

这是我的源代码中的标记:

<section id="git-hub">
    <div class="container">
        <div class="box">
            <div class="center">
                <h2>GitHub</h2>
                <p class="lead">Go on! Take a look through my repos!</p>
                <div id="repos">
                    <ul id="repo_list">
                    </ul>
                </div>
                <div id="repo_content"></div>
                <script>
                        $.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>
            </div><!--/.center-->          
        </div>
    </div>
</section><!--/#pricing-->

有人知道这可能是什么原因吗？

Answer 1

您将此 script 标记放在加载 jQuery 的位置之上。将此 script 标记放在您要加载 jQuery 的位置下方。