導航鏈接不工作（Bootsrap）

我在更改基於Bootstrap的模板。原始網站是一個單頁面，頂部導航鏈接只需滾動到頁面的正確部分。我添加了一些其他頁面，我希望導航欄鏈接將用戶返回到主頁的相應部分。導航鏈接不工作（Bootsrap）

但是，當我編輯其他頁面（而不是主頁面）上的鏈接時，請回到主頁，鏈接不起作用。

我確定js文件中有某些內容正在打破默認模式並將其保留在主頁上。

問題是我不知道該編輯什麼來阻止它。主頁是http://jimbrink.org。滾動鏈接在那裏工作。

下面是酒吧的HTML：

<div class="navbar navbar-default navbar-fixed-top" role="navigation" id="navbar"> 
    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
       <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="#intro">JimBrink.org</a> 
     </div> 

     <div class="navbar-collapse collapse" id="navigation"> 

      <ul class="nav navbar-nav navbar-right"> 
       <li><a href="http://jimbrink.org/#intro">Intro</a> 
       </li> 
       <li><a href="http://jimbrink.org/#about">About</a> 
       </li> 
       <li><a href="http://jimbrink.org/#resources">Resources</a> 
       </li> 
       <li><a href="http://jimbrink.org/#impact">Impact</a> 
       </li> 
      </ul> 
     </div> 
     <!--/.nav-collapse --> 

    </div> 
</div> 
<!-- /#navbar --> 

<!-- *** NAVBAR END *** -->

很抱歉的新手問題。

UPDATE 固定它。 #navigation標記僅用於js函數，它在單擊時中斷了默認操作。我剛剛刪除了這個ID，它工作。

來源

2016-12-26 Micah Cobb

這是因爲JavaScript阻止鏈接的默認行爲（移動到另一頁）。相反，它正在尋找'＃intro'部分，例如跳轉到 –

這就是我的想法，但我在哪裏可以找到控制它的js函數？我不確定我在找什麼。 –

你在使用什麼樣的CMS？我相信導航正在使用http://getbootstrap.com/javascript/#scrollspy –

當您點擊菜單中的「關於」時，它的href值爲「http://jimbrink.org/#about」，並且基於JS，它必須移動到ID爲「about」的部分。在您的HTML頁面中，您沒有任何ID爲「#about」的部分。您需要添加關於部分ID的信息。您需要將部分ID與菜單項href值的值進行匹配，因爲當您單擊它時會顯示JS錯誤，並且無法滾動到該部分。

Uncaught TypeError: Cannot read property 'slice' of undefined

來源

2016-12-26 20:12:16 edonbajrami

導航鏈接不工作（Bootsrap）

回答

相關問題