Выделите ссылку на основе строки запроса с использованием Jquery - PullRequest
Новая
       29

Выделите ссылку на основе строки запроса с использованием Jquery

0 голосов
/ 08 августа 2011

У меня есть меню в боковой панели на динамической странице aspx. Я хочу выделить текущую ссылку на основе значения строки запроса. 

<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>

1 Ответ

3 голосов
/ 08 августа 2011

С 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), чтобы взять последнюю часть URL-адреса, и сравните ее с атрибутом href ваших ссылок, используя метод search для строк javascript. Затем добавьте имя класса для стилизации. Я использовал current например.

Возможно, потребуется немного доработать, но это путь. Тем не менее, я настоятельно рекомендую сделать это на стороне сервера распознавания ссылок. Это обходной путь, которым я не слишком горжусь.

...