Default Nav Highlight

时间:2017-06-05 作者:Josh Rodgers

我正在使用内置菜单功能wp_nav_menu 在我的项目中:joshrodg.com/polio/, 所有帖子(http://joshrodg.com/polio/star-wars/, http://joshrodg.com/polio/hello-world/, 等等)不属于导航栏中的任何项目(它们不在导航栏中列出),因此在显示帖子时,导航栏中的任何链接都不会突出显示。我想知道是否有一种方法可以选择一个默认项目(主页),当某个特定的帖子或页面没有自己的导航项目时,可以突出显示该项目。。。这样,导航栏中的某些内容将始终高亮显示。

谢谢,乔希

1 个回复
最合适的回答,由SO网友:WebElaine 整理而成

假设您正在加载一篇文章之类的单个内容(与使用JS组合多个页面的主页不同),类似这样的操作应该可以做到:

<script type="text/javascript">
    $(document).ready(function(){
        // get each menu item
        var hasHighlight = 0;
        // loop through to see if any have "current_page_item" class
        $("#nav ul li").each(function(obj) {
            if($(this).hasClass("current_page_item")) { hasHighlight++; }
        });
        // if none of the items are highlighted using "current_page_item" class
        if(hasHighlight == 0) {
            $("#nav ul li:first-child").addClass("current_page_item");
        }
    })(jQuery);
</script>
在站点范围内排队,以便在任何时候有id为“nav”的菜单时,如果没有突出显示,它将检查并向“主页”添加突出显示。

结束

相关推荐

如何将css类添加到产品盒li,对于img,添加购物车按钮,Decs,价格…

如果你能帮忙,请。我有不同的分辨率和纵横比的图像上传到产品。当我看到产品列表时:http://kachliar.sk/obchod/page/4产品框不一样,我想所有的图像都适合单元格宽度,需要“添加到购物车”按钮在所有产品框的同一行。。。atc我可以通过css类管理的所有内容,但我的问题是如何向标签中的元素添加类。非常感谢你。