Question

我一直在阅读有关如何在帖子[单页]内部使导航链接保持活动状态。我没有找到任何解决方案，所以我创建了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 } ?>

Answer 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;
}

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

活动链接到Wordpress页面中的帖子

1 个答案: