0

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

1 に答える 1

0

パス名を少しマッサージする必要があるかもしれませんが、次のようなことができます

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

「背景色」の代わりに「bgColor」を使用しているため、上記のコードは機能していないようです

于 2013-03-01T18:11:54.980 に答える