0

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

我猜这可能是我忽略的一些简单的事情。我很感激这方面的任何帮助。

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);
}
4

1 回答 1

2

经过简短的讨论，结论是，“活动”类是由嵌入式 JavaScript 设置的，并且由于一个错误，相同的脚本在页面加载时删除了“最后”类。

具体来说就是这行 JS：

aObj[i].className='active';

解决方案是将上面的行替换为：

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

借助如何将类添加到给定元素？

于 2013-10-27T10:08:10.183 回答