2015-06-24 45 views
-1

在菜單中測試如何將他的活動類添加到被點擊的鏈接,但是當我完成它時,鏈接不加載內容。如果沒有活動類,href會正確加載內容。將活動類添加到鏈接保持他的href正確

我認爲錯誤是PreventDefault,但我需要功能菜單的活動類。

EXAMPLE

hhhh 

回答

1

您可以設置一個錨點擊一類,但對於一個點點,只是直到錨啓動新頁面請求(在實踐中,你不會注意到它)。

爲了跟蹤哪個是'當前'菜單,您必須將點擊的ID傳遞給服務器,並將其返回到新加載的頁面中。然後將當前類設置爲特定的錨點。

另一種方法是這樣的:

在每一個頁面加載,檢查當前網址和匹配與持有它的錨。也就是說,這是當前菜單 - >添加類

HTML

<a class="menu" href="index.php">Home</a> 
<a class="menu" href="portfolio.php">Home</a> 
... 

jQuery的

$(document).ready(function() { 
    var url = window.location.href; 
    var menuAnchor = $('a.menu'); 
    menuAnchor.removeClass('current'); 
    menuAnchor.each(function() { 
     var that = $(this); 
     var menuHref = that.attr('href'); 
     if (menuHref == url) { 
      that.addClass('current'); 
     } 
    }); 
}); 
相關問題