引導程序導航鏈接不工作

Question

我的網站標題/導航中的鏈接由於某種原因不起作用。我認爲它與我正在使用的CSS有關，但我完全按照它在Bootstrap的文檔站點上的方式執行了代碼。有人可以幫我解決這個錯誤嗎？

您可以查看完整的網站在這裏：http://kaybesee.com/mb

這裏是我的HTML：

<div id="nav-wrapper"> 
<nav class="navbar" role="navigation" data-spy="affix" data-offset-top="1000" data-offset-bottom="200"> 
<div class="container"> 
    <!-- Brand and toggle get grouped for better mobile display --> 
    <div class="navbar-header"> 
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </button> 
    <a class="navbar-brand" href="#"><img src="img/logoTextRight.png" class="img-responsive"></a> 
    </div> 

    <!-- Collect the nav links, forms, and other content for toggling --> 
    <div class="" id="navbar-collapse-1"> 
    <ul class="nav navbar-nav navbar-right"> 
     <li class="nav-button"><a href="#portfolio">Portfolio</a></li> 
     <li class="nav-button"><a href="#about-us">About Us</a></li> 
     <li class="nav-button"><a href="#contact">Contact</a></li> 
    </ul> 
    </div><!-- /.navbar-collapse --> 
    </div> 
</nav> 
</div><!-- #nav-wrapper --> 

Answer 1

認爲，這是相關的，你對你的li點擊line 36你的指數有一個e.preventDefault。我真的不明白這個原因，但由於你的錨點在裏面，錨點單擊事件從不會觸發。

刪除e.preventDefault（）;

$('ul.nav > li').click(function (e) { 
     e.preventDefault(); 

Answer 2

您應該將頁面ID與CSS中的選項卡ID匹配。我認爲引導程序導航類存在一些錯誤。 有關更多信息，請參閱這篇文章。 http://webdesign.about.com/od/layout/a/aa042307.htm。