部署到Heroku后，Javascript停止工作

Question

当我在本地运行我的代码时，我的Javascript完美运行。但是在我部署到Heroku之后，它们都不再适用了。那是为什么？

Javascript :(名为basic.js的文件）​​

$(window).scroll(function() {
    if ($(document).scrollTop() > 700) {
        $('nav').addClass('shrink');
    } 
    else {
        $('nav').removeClass('shrink');
    } 
});

HTML：

<nav id="mainNav" class="navbar navbar-fixed-top">
    <div class="navbar-contents">
        <div class="collapse navbar-collapse">
                <ul class="nav">
                    <li>
                        <a class="page-scroll" href="gallery.html">GALLERY</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#contact-us">CONTACT</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#customer-quote">WHAT WE DO</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#showcase-section">SHOWCASE</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#about-section">ABOUT US</a>
                    </li>
                </ul>
        </div>
    </div>
</nav>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="basic.js"></script>

CSS：

#mainNav.shrink {
    background-color: darkgray;
    transition: 0.8s;
    -webkit-transition:  0.8s;
}

提前感谢您的帮助。