想要的效果:导航栏中,点击某块内容,哪块内容中的文字就变色起到标识作用。
但是,由于用了a标签,点击后页面会刷新,就等于页面加载完成后,所有内容都恢复了默认。
这样一个问题,我困扰了一个下午,百度出来的答案,都是用伪类啥的。终于查到了下面的解答,亲测可用。
每次页面加载完成,都会测2个链接是否相等,相等就给该导航中相应文字变色。如有更好的解答,望请告知。
$(function () {
$("a").each(function () {
// console.log(window.location);
// console.log($($(this))[0].href);
if ($($(this))[0].href == String(window.location))
$(this).addClass('currentModel');
});
});