Question

您好我正在尝试让我的导航栏在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>
 ";

Answer 1

您可以为同一[http://jsfiddle.net/Ag47D/3/]

设置手动css

或

您可以使用bootstrap [http://www.bootply.com/IsRfOyf0f9]

$(".nav b").on("click", function(){
$(".nav").find(".active").removeClass("active");
$(this).parent().addClass("active");
});

Answer 2

在您的个人参数中，例如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>

如何在PHP中的导航栏中添加动画

2 个答案: