Динамически добавлять класс .active в верхнюю панель фундамента

Это можно сделать с помощью JQuery, но точный метод зависит от того, как ваши страницы отображаются в адресной строке.

Далее предполагается, что URL выглядит следующим образом:

http://example.com/page/stuff_not_counted

Предоставленный код добавит значение page к переменной page. Затем вы можете использовать это, чтобы выбрать элемент li для использования метода addClass jQuery для добавления класса active

Как вы можете видеть, в настоящее время этот фрагмент кода добавит этот класс ко всем li элементам на странице. Вам нужно определить соответствующий селектор, который будет использоваться только для одного из li элементов. этот класс. Обычно это id, как показано ниже.

$("#" + page) — эта функция выбора получает элемент с id="page", где page — это значение вашей переменной.

КОД

<script>

// Retrieve current Pathname
var path = $(location).attr('pathname');
// Removes everything before and including the first /
var page = path.split('/')[1]
// Make sure we are working
console.log(page);
$( "#" + page ).addClass( "active" );

</script>

jsFiddle

Если вам нужно реорганизовать синтаксис URL или метод Selector, предоставьте образцы элементов URL и li.