Question

我正在处理已由其他人构建的网站的导航。它们具有页面所在链接的活动类，但是当最后一个类添加到活动类链接时，它只会在浏览器中呈现活动链接。我查看了浏览器中的源代码，只显示了两个类中的一个。最后一个导航项是唯一具有此第二类的项目。仅当页面位于最后一个导航项目时，它才能正常工作。

我猜这可能是我想要的简单。我很感激任何帮助。

tl：dr - 我只能在最后一个导航项上渲染.last类。

如果CSS很糟糕，我道歉。我没有写。

网站页面：http://securitybank.designangler.com/insurance

css：

#navigation .MainNavigation{
position:relative;
padding:12px 0px;
margin:0px 0px 0px 8px; /* left margin Changed from 28px on 10-21-13 */
list-style:none;
}

#navigation .MainNavigation li{
display:inline;
padding:12px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align:center;
}

#navigation .MainNavigation li a{
font-size:13px;
color:#FFF;
text-decoration:none;
padding:12px 14px 12px 14px;
margin:0px 0px 0px 0px; 
border-left:#648558 2px solid;
}

#navigation .MainNavigation li a.last{
border-right:#648558 2px solid;
}

#navigation .MainNavigation li a.active{
padding:12px 19px 12px 17px;
background: url(/_images/bkgd_Active.png) repeat;
}

#navigation .MainNavigation li a:hover{
background: url(../_images/bkgd_NavHover.png);
}

Answer 1

经过简短的讨论，结论是，“活动”类是由嵌入式JavaScript设置的，由于存在错误，同样的脚本在页面加载时删除了“last”类。

具体来说就是JS的这一行：

aObj[i].className='active';

解决方案是用以下代码替换上面的行：

var saved = aObj[i]; saved.className = saved.className + " active";

在How do I add a class to a given element?

的帮助下修复

链接不会呈现两个类

1 个答案: