gpt4 book ai didi

javascript - PHP Javascript 动态指示单击的菜单项

转载 作者:行者123 更新时间:2023-12-03 03:01:12 25 4
gpt4 key购买 nike

我目前正在使用 PHP 构建一个动态网站

我有一个像这样的导航菜单:

<nav>
<ul class="menu">
<li class="current"><a href="?p=home">Startseite</a></li>
<li><a href="?p=cars">Fahrzeuge</a></li>
<li><a href="?p=anfahrt">Anfahrt</a></li>
<li><a href="?p=impressum">Impressum</a></li>
</ul>

目前,我通过手动将 css 类“current”添加到该特定项目来指示单击的项目。但是,由于我的网站是动态的,由于 PHP 包含文件而不是手动获取页面,因此我需要以编程方式指示它,我该如何处理呢?任何帮助是极大的赞赏我的CSS:

header .highlight, header .current a{
color:#e8491d;
font-weight:bold;
}

header a:hover, header li.active{
color:#cccccc;
font-weight:bold;

最佳答案

喜欢@ivan-barayev 的评论:

<nav>
<ul class="menu">
<li class="<?php if( $_GET['p'] == 'home'){echo 'current';} ?>"><a href="?p=home">Startseite</a></li>
<li class="<?php if( $_GET['p'] == 'cars'){echo 'current';} ?>"><a href="?p=cars">Fahrzeuge</a></li>
<li class="<?php if( $_GET['p'] == 'anfahrt'){echo 'current';} ?>"><a href="?p=anfahrt">Anfahrt</a></li>
<li class="<?php if( $_GET['p'] == 'impressum'){echo 'current';} ?>"><a href="?p=impressum">Impressum</a></li>
</ul>

这应该有效。

关于javascript - PHP Javascript 动态指示单击的菜单项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47378152/

25 4 0