BootStrap 4未在导航栏上设置活动页面

Question

搜索完问题和答复后，我仍然无法通过NAVBAR在当前页面上添加“活动”类。

$(document).ready(function () {
    $(".nav-link").on("click", function(){
        $(".nav-link").find(".active").removeClass("active");
        $(this).parent().addClass("active");
  });
});

我确实看到了添加的类，并且在加载新页面时，该类消失了。我听不懂这个jQuery。

我发现的解决方法是提供变量

每页上的[<?php pageID = "index"; ?>和相应的'nav-link'中的一个类

<?php echo(pageID=="index") ? "active" : "" ?>

导航栏代码位于每个页面include('header.php');中加载的header.php中>

寻找有关如何使用jquery而不是变通方法的指南

搜索完问题和答复后，我仍然无法通过NAVBAR在当前页面上添加“活动”类。 $（document）.ready（function（）{$（“。nav-link”）。on（“ click”，function（）{...

Answer 1

实际上，您的解决方法是实现此目标的典型方法。 Javascript将不会保留通过导航所做的更改。要实现想要在JS中执行的操作，您可能需要使用localStorage