引導導航欄類=來自單獨頁面時的活動更改

Question

我一直在嘗試解決類似情況的解決方案，但到目前為止，它們都沒有起作用。

這是問題，我總共有2個html文件。 在我的導航欄中，我有4個選項。 其中3個是指同一頁面（索引）上的ID，第4個是指單獨的頁面。 現在從單獨的頁面返回索引，活動菜單項不是正確的“活動”項。 就像我在支持頁面上單擊“關於”一樣，活動菜單項是“主頁”。 或者，如果我單擊“聯系人”，則活動菜單項將變為“關於”。 出現的內容正確。 但是活動菜單項不是。

這是來自index.html文件的信息：

<div class="navbar-collapse collapse">
    <ul class="nav navbar-nav navbar-right">
        <li class="current"><a href="#home">Home</a></li>
        <li><a href="#about">About</a></li>
        <li class="support" ><a href="support.html">Support</a></li>
        <li ><a href="#contact">Contact</a></li>
</ul>
</div>

這是來自support.html ：

<div class="navbar-collapse collapse">
    <ul class="nav navbar-nav navbar-right">
        <li><a href="index.html#home">Home</a></li>
        <li><a href="index.html#about">About</a></li>
        <li class="current"><a href="#support">Support</a></li>
        <li ><a href="index.html#contact">Contact</a></li>
    </ul>
</div>

這是我嘗試的沒有結果的解決方案之一： https : //stackoverflow.com/a/11539359

JS不是我的強項，非常感謝您的幫助！

Answer 1

例如，加載腳本的方式存在很多問題

 $(document).ready(function() {
        $('#ind').cycle({
            fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
        });
    });

您是在加載jquery之前調用此函數的，因此它給出$是未定義的錯誤 ，因此解決方案是將所有腳本移到末尾，並且還有一個用於菜單處理程序的內聯腳本，將其移至文檔就緒函數

我已在以下文件HTML Zip文件中包含此修復程序，您會發現所有JS都已移至末尾。 現在對我來說很好

還有一件事情使您的接觸高度與其他容器相同，或者從“內科醫生”部分刪除了多余的空白/填充