Создание «текущих» ссылок для навигации в Liquid on Jekyll - PullRequest
Новая
       6

Создание «текущих» ссылок для навигации в Liquid on Jekyll

0 голосов
/ 08 декабря 2018

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

<nav>
    <ul>
        {% for item in site.data.navigation %}
        <li>
            <a href="{{ item.link }}"
            {% if page.url == item.link %} 
                class="current"
            {% else %}
                class = "not-current"
            {% endif %}>{{ item.name }}</a>
        </li>
        {% endfor %}
    </ul>
</nav>

Это мой файл navigation.html и вот мои навигационные данные: 

- name: Home
  link: /
- name: About
  link: /about.html

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

Данная жидкость работает и работает, так как мой тег «Home» получает «текущий класс, и это происходит прямо из Liquid If / Else.Когда я нажимаю на ссылку «О нас» в навигационной панели, и «Домашняя страница», и «О нас» имеют «не текущую» как классКакие-нибудь советы?Заранее спасибо.

РЕДАКТИРОВАТЬ: Сайт можно увидеть здесь

...