php - 使用引导通用导航栏在 php 中显示活动链接

Question

我正在用 php 和 bootstrap 4 创建一个网站。我包含了一个通用导航栏，并用<?php include 'filename.php'?>. 如何在每个页面上显示活动链接，例如，如果它在index.html主页按钮或链接上将突出显示。

标签： phpbootstrap-4

Answer 1

您可以使用 javascript 来显示当前活动的 url。

<script type="text/javascript">
    $(document).ready(function () {
        var url = window.location;
        $('ul.nav a[href="'+ url +'"]').parent().addClass('active');
        $('ul.nav a').filter(function() {
             return this.href == url;
        }).parent().addClass('active');
    });
</script>