更改JavaScript包含文件中的活动链接

时间:2013-03-01 17:53:35

标签: javascript include background-color

我正在使用JavaScript(JS)包含在几个HTML页面中呈现标签菜单。 JS包含正常工作 - 选项卡呈现。但是,我想在页面处于活动状态时更改选项卡的背景颜色。有谁知道如何做到这一点?我的所有文件都是外部文件(即外部CSS和JS文件)。

提供的是我的代码片段。

// JavaScript Document

document.write('<ul id="tabMenu">');
document.write('<li><a id="sbac" href="sbac_courses.html"><img src="../images/rlbm.png" width="149" height="52" /></a></li>');
document.write('<li><a id="nbm" href="nbm.html"><img src="../images/nbm.png" width="149" height="52" /></a></li>');
document.write('<li><a id="sbo" href="sbo.html"><img src="../images/sbo.png" width="149" height="52" /></a></li>');
document.write('</ul>');


switch (selected) {
        case 'sbac':
            $('ul li a').css('bgColor','#FCB314');
            break;
        case 'nbm':
            $('ul li a').css('bgColor','#FCB314');
            break;
        case 'sbo':
            $('ul li a').css('bgColor','#FCB314');
            break;
}

1 个答案:

答案 0 :(得分:0)

您可能需要按一下路径名,但可以执行类似

的操作
var page = location.pathname; //Parse this to get the page ex: nbm.html
$('#tabMenu [href="' + page + '"]').closest('li').css('background-color','#FCB314');

您的上述代码似乎无效,因为您使用的是'bgColor'而不是'background-color'