http://hotelshimlahill.com/demo/ этот сайт, который я сделал в бутстрапе, раздел заголовка, включая навигационную панель, поступает из отдельного файла с названием «header.php». Теперь я хочу добавить активный класс для каждой страницы, на которой пользователь посещает. Как я могу это сделать? Пожалуйста, помогите мне. Спасибо.
На вашей отдельной странице, например about.php
, services.php
, вы можете:
$currentPage = 'about'; // current page is about, do the same for other page include('header.php');
Затем в вашем header.php
вы можете проверить:
<ul class="nav navbar-nav"> <li class="<?php if($currentPage =='about'){echo 'active';}?>" ><a href="index.php">Home</a></li> <li class="<?php if($currentPage =='services'){echo 'active';}?>" ><a href="about.php">about</a></li> </ul>
Или вы также можете попробовать использовать jQuery:
$(document).ready(function($){ var url = window.location.href; $('.nav li a[href="'+url+'"]').addClass('active'); });
Все ссылки меню находятся внутри ul> li. поэтому, дайте id всем li. и на каждой странице, используя jquery addClass «active» для li.
в вашем bootstrap css вы найдете эту строку, я думаю, что она должна быть на линии № 4841
.navbar-inverse .navbar-nav> li> a: hover, .navbar-inverse .navbar-nav> li> a: focus {background-color: # 5C0000; цвет: #FFFFFF; }
вы меняете эту строку как
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a.active{ background-color: #5C0000; color: #FFFFFF; }
теперь в вашем файле проекта найдите раздел, в котором навигация сгенерировала эту строку
<ul class="nav navbar-nav"> <li><a href="index.php">Home</a></li> <li><a href="about.php">about</a></li> <li><a href="services.php">services</a></li> <li><a href="facilities.php">facilities</a></li> <li><a href="reservations.php">booking</a></li> <li><a href="testimonials.php">testimonials</a></li> <li><a href="careers.php">careers</a></li> <li><a href="contactUs.php">contact Us</a></li> </ul>
затем измените его как можно скорее
<ul class="nav navbar-nav"> <li><a href="index.php" <?php if($active=='Home') echo "class='active'"; ?>>Home</a></li> <li><a href="about.php" <?php if($active=='about') echo "class='active'"; ?>>about</a></li> <li><a href="services.php" <?php if($active=='services') echo "class='active'"; ?>>services</a></li> <li><a href="facilities.php" <?php if($active=='facilities') echo "class='active'"; ?>>facilities</a></li> <li><a href="reservations.php" <?php if($active=='booking') echo "class='active'"; ?>>booking</a></li> <li><a href="testimonials.php" <?php if($active=='testimonials') echo "class='active'"; ?>>testimonials</a></li> <li><a href="careers.php" <?php if($active=='careers') echo "class='active'"; ?>>careers</a></li> <li><a href="contactUs.php" <?php if($active=='contact') echo "class='active'"; ?>>contact Us</a></li> </ul>
то вам нужно изменить бит litle в каждом файле, который у вас есть в ссылке навигации, такой как index.php, добавить эту строку вверху файла, который я упоминаю в ссылке навигации
<?php $active ='Home'; ?>
и для about.php
<?php $active ='about'; ?>
Я думаю, что это, конечно, выбор вашей активной страницы thnaks