탐색의 현재 페이지 강조 표시

Question

왼쪽 탐색 메뉴에서 현재 페이지를 강조 표시해야합니다.

순자산은 .shtml 사용을 통해 외부에서로드되어야 포함 :

www.xxx.com/mission-critical.shtml

:

<!--#include file="leftnav-menu.inc"--> 

내 URL의 형태를 취할 때로는 단지 :

www.xxx.com/energy.shtml (예 : 한 단어 없음 하이픈)

내 탐색 목록에 'Mission critical'이 표시됩니다.

"class = selected"로 ul li을 강조 표시하려면 어떻게합니까? 나는이 같은 것을 본 적이 :

$(function(){ 
    var path = location.pathname.substring(1); 
    if (path) 
    $('.leftmenuNav ul li a[@href$="' + path + '"]').attr('class', 'selected'); 
});  

꽤 문자열 분할 등의 주위에 내 머리를 가져올 수 없습니다 ...

샘플 탐색 표시 줄 :

<ul> 
<li><a href="corporate-responsibility.shtml">Corporate responsibility</a></li> 
<li><a href="overview.shtml">Overview</a></li> 
<li><a href="governance.shtml">Governance</a></li> 
<li><a href="our-approach.shtml">Our approach</a></li> 
</ul> 

Answer 1

좋아, jQuery를 구문 약간 잘못되었습니다. 이 작업을해야합니다 :

$.ready(function() 
{ 
    var path = location.pathname.substring(location.pathname.lastIndexOf("/") + 1); 
    if (path) 
    $('.leftmenuNav ul li a[href="' + path + '"]').attr('class', 'selected'); 
}); 

을 또한 확인 만드는 leftmenuNav이 옳다 (코드 위를 표시하지 않습니다)에 대한 권리 보이는