引导活动菜单不起作用

Question

我已经从网站下载了 html 模板。我对页眉和页脚使用 php include() 函数在每个页面中添加相同的页眉页脚，此后引导活动菜单无法工作。我也使用 javascript 和 Jquery，但它不能。

现在要为活动菜单做什么。请帮帮我。

<nav class="navbar navbar-default">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.php">
                <img class="img-responsive" src="assets/images/logo.jpg" alt="">
                <div class="logo">
                    <span style="">માનસિક દિવ્યાંગ બાળકોની સંસ્થા</span>
                </div>
            </a>
        </div>
        <div class="collapse navbar-collapse" id="myNavbar">
            <ul class="nav navbar-nav navbar-right">
                <li class="active">
                    <a href="index.php"><i class="fa fa-home" aria-hidden="true" style="font-size: 25px; margin-top: -5px;"></i></a>
                </li>
                <li>
                    <a href="activity.php">અમારા પ્રવૃત્તિઓ</a>
                </li>
                <li>
                    <a href="gallery.php">ગેલેરી</a>
                </li>
                <li>
                    <a href="management.php">સંચાલન</a>
                </li>
                <li>
                    <a href="about.php">અમારા વિશે</a>
                </li>
                <li>
                    <a href="contact.php">સંપર્ક</a>
                </li>
                <li>
                    <div class="donate-button text-center">
                        <a class="btn btn-donate" href="contact.php">દાન કરો</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</nav>
</header>

Answer 1

尝试添加一个 php 函数来获取当前 URL，然后在 nav php 文件中使用它。您可能还想研究使用框架来帮助解决问题。

<?php 

function activeClass($requestUri)
{
    $currentPage = basename($_SERVER['REQUEST_URI'], ".php");

    if ($currentPage == $requestUri || $currentPage == '')
        echo 'class="active"';
}

?>

<nav class="navbar navbar-default">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>

                <a class="navbar-brand" href="index.php">
                    <img class="img-responsive" src="assets/images/logo.jpg" alt="">

                    <div class="logo">
                        <span style="">માનસિક દિવ્યાંગ બાળકોની સંસ્થા</span>
                    </div>
                </a>
            </div>
            <div class="collapse navbar-collapse" id="myNavbar">
                <ul class="nav navbar-nav navbar-right">
                    <li <?php activeClass("index")?>>
                        <a href="index.php"><i class="fa fa-home" aria-hidden="true" style="font-size: 25px; margin-top: -5px;"></i></a>
                    </li>

                    <li <?php activeClass("activity")?>>
                        <a href="activity.php">અમારા પ્રવૃત્તિઓ</a>
                    </li>

                    <li <?php activeClass("gallery")?>>
                        <a href="gallery.php">ગેલેરી</a>
                    </li>

                    <li <?php activeClass("management")?>>
                        <a href="management.php">સંચાલન</a>
                    </li>

                    <li <?php activeClass("about")?>>
                        <a href="about.php">અમારા વિશે</a>
                    </li>

                    <li <?php activeClass("contact")?>>
                        <a href="contact.php">સંપર્ક</a>
                    </li>
                    <li <?php activeClass("contact")?>>
                        <div class="donate-button text-center">
                            <a class="btn btn-donate" href="contact.php">દાન કરો</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</header>