[英]Change active link inside JavaScript include file
我正在使用JavaScript(JS)includes在一些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;
}
您可能需要稍微按摩一下路径名,但是可以执行以下操作
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'
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.