如何將「活動」類別新增至我的導覽功能表以突出顯示目前頁面？

新增活動導航類別以反映目前頁面

在 Web 開發中，通常會反白代表目前活動頁面的選單項目。若要實現此目的，您可以動態地將「活動」類別新增至對應的選單清單項目。以下是使用JavaScript 實現此操作的方法：

JavaScript代碼：

<br>$(function(){<pre class="brush:php;toolbar:false">var current = location.pathname;
$('#nav li a').each(function(){
    var $this = $(this);
    // if the current path is like this link, make it active
    if($this.attr('href').indexOf(current) !== -1){
        $this.addClass('active');
    }
})

})

說明：

這段程式碼實作透過將事件處理程序綁定到文件的就緒事件（頁面完全載入時觸發）來獲得所需的結果。然後它遍歷選單中的每個連結並檢查其 href 屬性是否與目前頁面的路徑名稱相符。如果找到匹配項，則會將“active”類別添加到匹配鏈接，直觀地表明用戶位於相應的頁面上。

應用程式碼：

要在您的網站上實現此功能，只需將 JavaScript 程式碼複製並貼上到頁面的標題中即可。確保程式碼位於 <script></script> 內。標籤並且您包含 jQuery 庫作為先決條件。

以上是如何將「活動」類別新增至我的導覽功能表以突出顯示目前頁面？的詳細內容。更多資訊請關注PHP中文網其他相關文章！