Изменение активной ссылки внутри JavaScript inlcude файл

Question

Я использую 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; 
} 

Answer 1

Вы можете иметь массировать имя пути немного, но вы могли бы сделать что-то вроде

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 '