Как подсветить URL текущей страницы в навигации (неважно цветом или жирностью), чтобы не прописывать на каждый адрес отдельное правило?
С помощью jQuery вы можете использовать функцию .each для итерации по ссылкам со следующим кодом:
1 | $(document).ready(function() {<br> $("[href]").each(function() {<br> if (this.href == window.location.href) {<br> $(this).addClass("active");<br> }<br> });<br>}); |
В зависимости от структуры страницы и используемых ссылок вам может потребоваться сузить выбор ссылок, например:
1 | $("nav [href]").each … |
Если вы используете параметры URL, может потребоваться их следующее:
1 | if (this.href.split("?")[0] == window.location.href.split("?")[0]) … |
Таким образом, вам не нужно редактировать каждую страницу.
Свежие комментарии