Question

我有一个页面，上面有2个链接。页面URL是example.com/all

现在页面上的2个链接，一个到example.com/all/list，另一个到example.com/all/map

我想要的是当用户登陆example.com/all时，href链接的类必须是'current' 当我点击example / all / map时，地图链接需要具有“当前”类，而list / all链接需要删除它。

单击all / map后单击all / list时，当前类需要在all / list链接上并从all / map中删除

如果这有意义吗？

与切换类似。

Answer 1

这可以在服务器端完成。

您需要在页面上设置当前链接。

就像你有静态html页面一样，这可以作为

完成

page：example.com/all/list

<a class="current" href="example.com/all/list"> All</a>
<a href="example.com/all/map">Map</a>

page：example.com/all/map

<a href="example.com/all/list"> All</a>
<a class="current" href="example.com/all/map">Map</a>

我对PHP知之甚少，但您也可以通过查看当前页面网址在PHP中设置它。

Answer 2

这是我在PHP中使用的帮手：

<?php
function current_class_if( $condition ) {
  return $condition ? 'class="current"' : '';
}
?>

然后在页面逻辑中：

<?php
$page = 'list';
?>

<a href="example.com/all/list" <?= current_class_if($page=='list') ?>> All </a>
<a href="example.com/all/map"  <?= current_class_if($page=='map') ?>> Map </a>

在href上添加和删除css类

2 个答案: