jQuery Javascript 菜单导航添加删除类

Question

当站点为www.example.com 并加载index.html 时，导航不会预先选择主页来显示。我有一个填充菜单的功能和另一个获取当前页面以添加循环的类的功能，我知道当站点为www.example.com index.html 页面以将类更改为当前时，我找不到。

我尝试了不同的 if 语句，并尝试在 li 中放置一个默认类，即 <li><a href='index.html' class='current'>Home</a></li>，但它会同时显示这个页面和我访问的任何其他页面。

/*Navigation menu*/
function navMenu(){
document.writeln("<ul id='menu' class='menu'>");
document.writeln("<li><a href='index.html'>Home</a></li>"); 
document.writeln("<li><a href='myself.html'>About</a></li>");
document.writeln("<li><a href='portfolio.html'>Work</a></li>");
document.writeln("<li><a href='news.html'>News</a></li>");
document.writeln("<li><a href='contact.html'>Contact</a></li></ul>");   
}


function setActive() {
/*current page function*/
 $('#menu a').each(function(index) {
    if(this.href.trim() == window.location)
        $(this).addClass("current");
});}

这很好用，但就像我提到的那样，当 URL 为 www.example.com 时，我不明白如何集成添加或查找是否有默认类我会将当前类添加到 index.html

Answer 1

如果您在调用/, 时加载index.html，只需将主页的href 更改为/ 而不是index.html。

Answer 2

通过 a 标签上的 href 外观，您将要检查 pathname

function setActive() {
/*current page function*/
 $('#menu a').each(function(index) {
    if(this.href.trim() == window.location.pathname)
        $(this).addClass("current");
});}