Bootstrap 4 состояние активной ссылки навигации

Question

Я использую навигацию bootstrapv4, но когда я нажимаю на элемент, активное состояние не переключается. Я попробовал некоторые js, но ни один из них не работает. Я использую kirby cms, но не вызываю проблем. Может ли использование <?php snippet('header')?> вызвать проблемы? Или я неправильно его настраиваю?

Это мой заголовок. php

url() ?>">

Это мой js -файл

$(".nav-item").on("click", function(){
        $(".nav-item").find(".active").removeClass("active");
        $(this).addClass("active");
    });

Answer 1

Вам не нужен Javacript для этого в Кирби. Вы можете использовать такого помощника внутри себя: l oop:

<li class="menu-item<?= r($subpage->isOpen(), ' active') ?>">

Дополнительная информация о помощниках и объекте isOpen: https://getkirby.com/docs/reference/templates/helpers https://getkirby.com/docs/reference/objects/page/is-open