Как добавить активный класс справа <li>от включенного uikit navbar - PullRequest
Новая
       17

Как добавить активный класс справа <li>от включенного uikit navbar

0 голосов
/ 06 октября 2018

Я пытаюсь создать веб-сайт "вручную" (без CMS).

Это всего лишь несколько страниц с навигационной панелью и некоторым форматированным контентом, и я хорошо пишу HTML-код сам,копирование целых флексбоксов и замена их содержимого всякий раз, когда мне нужно добавить контент на страницу.

Это моя панель навигации: 

<div uk-sticky="sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky">
    <nav class="uk-navbar-container" uk-navbar>
        <div class="uk-navbar-center">
            <ul class="uk-navbar-nav">
                <li>PAGE1</li>
                <li>PAGE2</li>
                <li><a>SUBMENU DROPDOWN</a>
                    <div class="uk-navbar-dropdown">
                        <ul class="uk-nav uk-navbar-dropdown-nav">
                            <li class="uk-nav-header">SUBMENU SECTION 1
                            <li>PAGE3</li>
                            <li>PAGE4</li>
                            <li>PAGE5</li>
                            <li class="uk-nav-divider"></li>
                            <li class="uk-nav-header">SUBMENU SECTION 2</li>
                            <!--And so on-->
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </nav>
</div>

Я хочу, чтобы этот код был в отдельном файле, который я могувключить во все мои страницы, нужно обновить только этот файл, чтобы добавить новый пункт меню для каждой панели навигации на моем сайте.
Проблема в том, что я не знаю ни одного родного метода, чтобы сказать странице "эйпосле того, как вы включите этот файл, добавьте uk-active класс в <li> по моему выбору.

Есть ли более практичная и изящная альтернатива написанию некоторого JS, который присваивает класс <li> с правильным ID?

...