0

我一直在阅读有关如何在帖子[单页]中使导航链接保持活动状态的信息。我还没有找到任何解决方案,所以我创建了 jquery 和 php 的组合,但我认为这不是它工作的正确方式。

所以我在考虑如何进一步优化代码。有什么想法吗?

<?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 } ?>
4

1 回答 1

1

解决这个问题的一种方法是利用 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;
}

另一个建议是给菜单项,一个通用类,“menu-item”,以及一个id“menu-item-##”。所以你的css可以简单地是“.active .menu-item”

于 2013-08-15T17:07:55.043 回答