Bootstrap aktives Menü funktioniert nicht

Question

Ich habe HTML-Vorlage von der Website heruntergeladen. Ich benutze PHP-include() - Funktion für Kopf- und Fußzeile, um den gleichen Kopfzeilenfuß auf jeder Seite hinzuzufügen, danach kann das aktive Bootstrap-Menü nicht funktionieren. Ich benutze auch Javascript und Jquery, aber es kann nicht.

Jetzt was für aktives Menü zu tun ist. Bitte hilf mir.

Answer 1

Versuchen Sie eine PHP-Funktion hinzufügen, um die aktuelle URL dann in der Nav-php-Datei verwenden. Vielleicht möchten Sie auch mit einem Framework arbeiten, um die Dinge zu helfen.

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