为了改善GitHub上的WordPress TwentyFifteen子主题, 我希望在父/兄弟页面处于活动状态时显示子菜单项。
启动时, 菜单应保持紧凑(就像当前在TwentyFifteen中那样), 如下所示:
- 第1页
- 第2页
- 第3页
- 第1页
- 子页面a
- 子页面b
- 第2页
- 第3页
有解决类似问题的相关解决方案, 但在《二十一十五》中却没有解决:
- https://mpswp.wordpress.com/2015/06/27/twenty-fifteen-theme-reveals-hidden-submenus
.main-navigation ul .current-menu-item ul {
display: block;
}
#2@ hareesh-sivasubramanian的答案足以显示菜单, 但不会” 告诉” 二十十五岁菜单已打开。因此, 要关闭子菜单, 你必须单击两次切换按钮!
【父/同级页面处于活动状态时显示的WordPress twentyfifteen子菜单项】我通过将接受的答案与一个小的自定义jQuery组合在一起来解决此问题, 以单击该按钮, 以便对其进行切换:
( function( $ ) {$( document ).ready( function() {
$('.main-navigation .nav-menu >
.current-menu-item >
button').click();
});
} )( jQuery );
推荐阅读
- 本地主机wp-admin的WordPress-URL不起作用
- WordPress标题未显示在浏览器标题栏中
- 内置产品目录的WordPress主题
- WordPress的主题(删除导航栏)
- WordPress主题(JavaScript无法正常工作)
- 由于缺少样式表,无法识别WordPress主题
- WordPress主题定制器-添加区域供用户移动和组织小部件
- WordPress the_content不适用于自定义帖子类型
- WordPress Slider在我创建的主题中不起作用