Bootstrap class = 'page-scroll' nie działa - javascript, jquery, html, css, twitter-bootstrap

Obecnie tworzę nową wersję mojej strony.

noahwaldner.ch/bootstrap

Używam strony przewijania klasy (myślę, że jest ona powiązana z JavaScriptem), aby przewinąć do sekcji.

Do wczoraj przyciski menu i strzałki łączące się z określonymi sekcjami działały dobrze. Po ich kliknięciu witryna przewinęła się do sekcji. Ale teraz przeskakuje do sekcji.

Kod paska menu:

<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>

Myślę, że jest to powiązane z tym:

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

Jeśli potrzebujesz więcej informacji, możesz skorzystać z przeglądarki internetowej przeglądarki.

Odpowiedzi:

Dwa razy wywołujesz jQuery na swojej stronie: raz lokalnie i raz na samym końcu z CDN. Usuń 1.7.2 CDN i powinno działać.

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