我一直在阅读关于如何在帖子[单个页面]中保持导航链接活动的文章。我还没有找到任何解决方案,所以我创建了jquery和php的混合,但我认为这不是正确的工作方式。
所以我在思考如何进一步优化代码。有ides吗?
<?php
if (in_category('news')){ ?>
<script>
$(".menu-item-46 a").css("border-bottom","#000 5px solid");
$(".menu-item-46 a").css("padding-bottom","11px");
</script>
<?php }elseif (in_category('network')){ ?>
<script>
$(".menu-item-47 a").css("border-bottom","#000 5px solid");
$(".menu-item-47 a").css("padding-bottom","11px");
</script>
<?php } ?>
解决这个问题的一种方法是利用CSS。
有一个名为"active"的类,并将其附加到包含要显示的菜单的父元素中。
示例:
<div class="active">
<div class="menu-item-46"><a>My Nav</a></div>
</div>
然后在你的css文件中:
.active .menu-item-46{
border-bottom:#000 5px solid;
padding-bottom:11px;
}
另一个建议是给菜单项一个通用类"菜单项",以及一个id"菜单项-##"。所以css可以简单地成为".active.menu item"