在任何子頁面上突出顯示標題菜單項

我在我的站點的標題中有一個主要的nav，有8個左右的鏈接。在任何子頁面上突出顯示標題菜單項

在大多數這些頁面中，左側有一個子導航。

我希望能夠突出顯示標題中的當前鏈接，當您在任何子頁面上時。

我無法手動執行此操作，因爲標題鏈接是通過cms全局編輯的，所以需要將某種JavaScript應用於每個子頁面，以告訴主標題鏈接要突出顯示。

突出顯示當前子頁面項目的腳本很好理解，但不是必需的。我知道它在某個地方，但我似乎一直在搞清楚如何使它工作。

http://ccc.my-dms.net/The-Stone-Collection-New-Arrivals.htm

預先感謝您的任何幫助。

來源

2013-08-26 user2719079

而不是讓我們通過您的網站挖，能複製最小/ [短的，自包含正確/編譯示例]（http://sscce.org/）對我們來說呢？在這裏發佈相關的代碼*（JavaScript/jQuery，HTML和CSS），最好在[JS Fiddle]（http://jsfiddle.net/）或類似的發佈現場演示;請：*幫助我們*幫助**你**。 –

我會親自使用PHP並定義一個變量，如 $page = "home"; 然後我會用if語句在頭文件中檢查它。如果你不能用PHP做它，可以通過使用jQuery獲取當前的URL來完成。

var pathname = window.location.pathname;

然後你可以用if語句來檢查，如果它是真的，就改變按鈕的類。

或者如果你只想要html文件名（test.html），你可以這樣做。

var pathname = document.location.pathname.match(/[^\/]+$/)[0];

來源

2013-08-26 18:54:27 Username

添加，每個菜單項有子頁面首先下拉（我猜你沒有表現出it..keep它隱藏）

然後，使用這樣的

$(function(){ 
    var actlink = $(location).attr('href'); 

    $('ul > li > a[href$="actlink"]').parent("li").addClass('active'); 
});

我還建議它here

來源

2013-08-26 19:37:18

小錯誤：「'+ actlink +'」 –

在任何子頁面上突出顯示標題菜單項

回答

相關問題