Здравствуйте! Я пытаюсь сделать мою панель навигации активной в php, чтобы пользователь мог знать, на какой странице он находится. Итак, как я могу добавить class = «active» в этот код, чтобы сделать активную навигационную панель и отобразить все страницы на одной странице index.php.
<?php
return "<nav id='nav-reservation'>
<a href='resource-index.php?page=room' class='nav-reservation-item'>Room</a> |
<a href='resource-index.php?page=equipment' class='nav-reservation-item'>Equipment</a>
</nav>
";
Вы можете иметь ручной CSS для того же [http://jsfiddle.net/Ag47D/3/ ]
или же
Вы можете использовать bootstrap [ http://www.bootply.com/IsRfOyf0f9 ]
$(".nav b").on("click", function(){
$(".nav").find(".active").removeClass("active");
$(this).parent().addClass("active");
});
По вашему индивидуальному параметру, такому как page=room
, page=equipment
, ты можешь сделать:
<nav id='nav-reservation'>
<a href='resource-index.php?page=room' class='nav-reservation-item <?php if( $_REQUEST['page'] == "room" ){ echo "active"; } ?>'>Room</a> |
<a href='resource-index.php?page=equipment' class='nav-reservation-item <?php if( $_REQUEST['page'] == "equipment" ){ echo "active"; } ?>'>Equipment</a>
</nav>