導航鏈接不起作用（Bootsrap）

Question

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

但是，當我編輯了另一頁（而不是主頁）上的鏈接時，請返回首頁，這些鏈接不起作用。

我確定js文件中有東西會破壞默認模式，並將其保留在主頁上。

問題是我不知道要停止什么編輯。

主頁是http://jimbrink.org 。 滾動鏈接在那里工作。

鏈接不起作用的頁面是： http : //jimbrink.org/articles

這是欄的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，它就起作用了。

Answer 1

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

Uncaught TypeError: Cannot read property 'slice' of undefined