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