javascript - Bootstrap 类 ='page-scroll' 不起作用

Question

我现在正在开发我的网站的新版本。

noahwaldner.ch/bootstrap

我使用类 page-scroll(我认为它链接到 JavaScript)来滚动到一个部分。

直到昨天，菜单按钮和链接到特定部分的箭头都可以正常工作。如果您单击它们，网站将滚动到该部分。但现在，它跳转到该部分。

菜单栏的代码:

<li>
<a class="page-scroll" href="#s1"> <span class="navtext">  About Me  </span> </a>
</li>


<li>
<a class="page-scroll" href="#s3"> <span class="navtext"> Contact </span> </a>
</li>

我认为这与此有关:

function(event) {
    var $anchor = $(this);
    $('html, body').stop().animate({
        scrollTop: $($anchor.attr('href')).offset().top
    }, 1500, 'easeInOutExpo');
    event.preventDefault();
}

如果您需要更多信息，可以使用浏览器的网络检查器。

Answer 1

您在页面上两次调用 jQuery:一次在本地，一次在最后使用 CDN。删除 1.7.2 CDN，它应该可以工作。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>