Постоянно активная вкладка при загрузке новой страницы

Я не уверен, что это то, о чем вы говорите, но я предполагаю, что когда вы обновляете страницу, например, находясь на вкладке «Элементы», вы хотите, чтобы она повторно загружалась с вкладкой «Элементы». выбрано.

Типичный способ сделать это — использовать хэш-теги и немного логики JavaScript. В частности: каждая из ваших вкладок на самом деле является тегом <a />, и в настоящее время каждая из них имеет URL-адрес href='#', что означает, что они являются ссылками с хэш-тегом. Однако все они ссылаются на базовый хэш.

Обычно вы увидите, что каждая вкладка будет иметь другую хеш-ссылку, которая относится к другому режиму просмотра, в котором должна находиться страница. Итак, если URL-адрес содержит #dashboard, javascript на странице знает, что как только при загрузке страницы должна отображаться панель инструментов. Если, с другой стороны, URL-адрес содержит #elements, то должна отображаться вкладка «Элементы».

Есть несколько надежных плагинов, которые справляются с такими вещами, но без серьезной перезаписи вашего пользовательского интерфейса (который уже выглядит довольно шикарно) - я бы предложил просто немного поработать с jQuery, чтобы выяснить, что такое хеш. , и проверка его под нагрузкой.

Посмотрите на вопрос о переполнении стека Получить значение определенного хэш-тега из URL как пример некоторых способов работы с хэштегами.

Если проблема, которую вы пытаетесь выяснить, заключается в том, как настроить вкладки для отражения изменений страницы, вам необходимо настроить «текущий» класс на вкладках на основе загруженного URL-адреса. Этот класс можно легко просмотреть в консоли браузера, проверив элементы навигации в представлении html.

Класс, вероятно, будет проще всего, если он будет добавлен кодом вашего сервера.

Код javascript (jQUery) для вкладок навигации начинается в строке 477 файла scripts.js.

Ваша проблема в том, что вы не передаете «текущий» класс на вкладки при загрузке новой страницы. Поэтому, если вы нажмете на вторую, третью, четвертую вкладки, и страница перезагрузится или загрузит новую, исходная вкладка с классом «текущая» по-прежнему будет первой вкладкой.

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