Подсветка активного пункта меню на jQuery
Довольно часто встаёт проблема подсветки активного пункта в меню.
Проблема решается одной строчкой кода)
HTML:<ul class="navigation">
<li><a href="/">Далеко-далеко за словесными.</a></li>
<li><a href="/news/">Обеспечивает, текста, о.</a></li>
<li><a href="/111/">Подзаголовок, они там!</a></li>
<li><a href="/222/">Вершину, моей, алфавит.</a></li>
<li><a href="/333/">Злых, предложения, по всей.</a></li>
</ul>
jQueryjQuery(document).ready(function($) {
$('.navigation a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active');
});Теперь при переходе к примеру на страницу /news/ к соответствующей ссылке будет добавлен класс active
Server restriction: dle-faq.ru
Server restriction: www.dle-faq.ru
------ LICENSE FILE DATA -------
VU009X5YSAjbcTro6oQIH1pF0S0tHxw6
X3utgKa7k/J1knblsjqyrOfrKZkgtoH/
zjlbst4p/kmDl5KZkd2dnt5KCGOclpIJ
f15Iv1BnJzXfiaZG1x35jbi5OyKhVog3
jd7sUxVMvMgUO2gUyN1fsV9o0h27MrO3
UanDBpzJbgVvUjZys0NIDuOtCgzaFIKA
3HWMRbEgADHgY0K1T7ns1t0vCFW7aDKF
5DuZpCjs2D5tIyIrfctUB1i5WiSouPDg
vl2Qsrzc0NrTJ+ebSEUrnhyDjWMy7rQA
Pn3LGNCiOmMRuIOLBp+NmN7hL2k/JSzd
JpeoQ5gzGRR8zt7F5ZIdIcZuTfZ8+/zD
dI6KQJJeu0HsU7Ra3AXJU0EkiXg8vjtd
Tq6ebBesu4jGLfslfVw01bJRQz1+/OtW
EmutMaoSt+S6Goja5MvWrBxW3c3v8pTF
HYfzbGtLJynavG9SpPrXEFKakmD92uVk
lFhOxFVAbiCq0JS8K6p3
--------------------------------
Server restriction: dle-faq.ru
Server restriction: www.dle-faq.ru
------ LICENSE FILE DATA -------
VU009X5YSAjbcTro6oQIH1pF0S0tHxw6
X3utgKa7k/J1knblsjqyrOfrKZkgtoH/
zjlbst4p/kmDl5KZkd2dnt5KCGOclpIJ
f15Iv1BnJzXfiaZG1x35jbi5OyKhVog3
jd7sUxVMvMgUO2gUyN1fsV9o0h27MrO3
UanDBpzJbgVvUjZys0NIDuOtCgzaFIKA
3HWMRbEgADHgY0K1T7ns1t0vCFW7aDKF
5DuZpCjs2D5tIyIrfctUB1i5WiSouPDg
vl2Qsrzc0NrTJ+ebSEUrnhyDjWMy7rQA
Pn3LGNCiOmMRuIOLBp+NmN7hL2k/JSzd
JpeoQ5gzGRR8zt7F5ZIdIcZuTfZ8+/zD
dI6KQJJeu0HsU7Ra3AXJU0EkiXg8vjtd
Tq6ebBesu4jGLfslfVw01bJRQz1+/OtW
EmutMaoSt+S6Goja5MvWrBxW3c3v8pTF
HYfzbGtLJynavG9SpPrXEFKakmD92uVk
lFhOxFVAbiCq0JS8K6p3
--------------------------------