Нажмите функцию Li тег не работает с HREF, кроме #

Question

Вот мое меню навигации:

У меня есть зеленый лист, показывающий, когда литий нажат, JQuery код, чтобы это произошло:

$(document).ready(function(){ 

    $("#nav li").click(function(event) { 
    event.preventDefault(); 
    $(this).addClass('greenLeaf').siblings('li').removeClass('greenLeaf'); 

}); 
}); 

Теперь проблема, когда вместо "index.html", у меня есть # - работает как шарм, если аль чернила вставлены, мне нужно использовать event.preventDefault, что также препятствует браузеру следовать ссылке, что, очевидно, не совсем то, что мне нужно. Любой метод решения этой проблемы? Я уверен, что это легко исправить, но я не могу понять это ...

Answer 1

Затем вы хотите правило CSS:

#nav li a:visited{ 
    /* Add greenLeaf class code here */ 
} 

Как обсуждалось в комментариях, вы хотите использовать CSS которые вы используете для .greenLeaf внутри селектора: visited.

Answer 2

, как я понимаю, вы пытаетесь пометить текущую страницу в меню

так что его что-то вроде этого:

$(document).ready(function(){ 
    $("#nav a").each(function(){ 
    if ($(this).attr("href") == window.location.pathname){ 
     $(this).addClass("greenLeaf"); 
    } 
    }); 
});