2011-08-08 1 views
0

동적 aspx 페이지의 세로 막대에 메뉴가 있습니다. 쿼리 문자열 값을 기반으로 현재 링크를 강조하고 싶습니다. URL의 마지막 부분을, 그리고 search 방법을 사용하여 링크의 href 속성에 대해 그것을 확인강조 표시 Jquery를 사용하여 쿼리 문자열을 기반으로 한 링크

$('#verticalmenu a').each(function(){ 
    var linktext = $(this).attr('href'); 
    if (linktext.search(window.location.search.substring(1)) > -1){ 
     $(this).addClass('current'); 
    } 
}); 

사용 window.location.search.substring(1) : jQuery로

<div id="verticalmenu"> 
<ul> 
<li><a href="services.aspx?pageid=11">Medical Transcription</a></li> 
<li><a href="services.aspx?pageid=12">Business Transcription</a></li> 
<li><a href="services.aspx?pageid=13">Legal Transcription</a></li> 
    <li><a href="services.aspx?pageid=14">Insurance Transcription</a></li> 
    <li><a href="services.aspx?pageid=15">Data Entry & Processing</a></li> 
    <li><a href="services.aspx?pageid=16">Software Development</a></li> 
    <li> <a href="services.aspx?pageid=25">Typesetting Services</a></li> 
</ul> 
</div> 

답변

3

,이 같은 것을 볼 수 있었다 자바 스크립트 문자열. 그런 다음 스타일 지정 목적으로 클래스 이름을 추가하십시오. 예를 들어 current을 사용했습니다.

약간의 조정이 필요할 수도 있지만 이것이 길입니다. 그러나이 링크 인식 서버 사이드를 사용하는 것이 좋습니다. 이것은 내가 너무 자랑스럽지 않은 해결 방법입니다.

+0

location.pathname이 쿼리 문자열을 반환하지 않습니다. – ziaasp

+0

내 대답을 편집했습니다. 'window.location.search.substring (1)'시도 했습니까 –

+0

정말 고마워요. 네, 서버 사이드에서 할 수 있지만 jquery thats 내가 왜 물었는지 배우고 싶습니다. – ziaasp