javascript - 外部 JS 文件中的 JQuery

Question

我试图在我的 html 页面加载时执行一些 JavaScript。顶部方法 populateSelectWithDates() 被调用，但 jquery 部分没有。有任何想法吗？

function doInitialPopulation() {
    //This works
    populateSelectWithDates();

    //This does not
    $(document).ready(function() {
        alert('ok');
    //Credit to: http://www.pewpewlaser.com/articles/jquery-tablesorter
        //  Adds sort_header class to ths
        $(".sortable th").addClass("sort_header");

        //  Adds alternating row coloring to table.
        $(".sortable").tablesorter({widgets: ["zebra"]});

        //  Adds "over" class to rows on mouseover
        $(".sortable tr").mouseover(function() {
            $(this).addClass("over");
        });

        //  Removes "over" class from rows on mouseout
        $(".sortable tr").mouseout(function() {
            $(this).removeClass("over");
        });

    });
}

Answer 1

在您的 HTML 文件中，确保您按以下顺序包含脚本：

<!-- first include jQuery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<!-- then include your script(s) -->
<script src="YOUR_SCRIPT.js" type="text/javascript"></script>

Answer 2

我看不到$(document).ready(function() {尝试删除它的任何用处。并让我们知道 alert('ok') 是否有效。我们还可以看到功能populateSelectWithDates()吗？