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

【问题标题】：Showing the active link in php using bootstrap universal navigation bar使用引导通用导航栏在 php 中显示活动链接
【发布时间】：2019-03-19 19:43:54
【问题描述】：

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

【问题讨论】：

在 php 中找到了解决方案。这很简单。只需使用，<li class="nav-item <?php if($page=='pagename'){echo 'active';}?>"> <a class="nav-link" href="pagename.php">Home</a> 然后包含导航栏文件并使用页面创建一个变量并将其分配给您设置的页面名称，例如家用，<?php $page='home'; include 'header.php';?>

标签： php bootstrap-4

【解决方案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>

【讨论】：