使用引导通用导航栏显示PHP中的活动链接

Question

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

Answer 1

您可以使用javascript显示当前的活动网址。

<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>