为了在WordPress中使用特定的jQuery菜单,我需要孩子UL(菜单的下拉部分)添加一个选择器(第三行,下面):
< ul class =“dropdown”>
< li>第一个列表项
< ul class =“sub_nav”>
< li>子列表项< / li>
< / UL>
< /立GT;
< / UL>
注意:为了更清晰,我省略了链接代码。
我不是编码员。我的PHP和javascript技能属于copy-paste-tinker。其他论坛提出了许多模糊的建议,但没有解决方案。我对其他解决方案持开放态度,但我想在两个地方之一解决它:
修改<#?php wp_list_pages('title_li =& depth = 2'); ?>在主题 header.php 文件中 [必须将#添加到代码位才能显示]
在主题functions.php文件中添加一个函数
答案 0 :(得分:1)
zed1.com的Mike Little在LinkedIn论坛上提供了一个解决方案:
在主题函数文件中:
类My_Walker_Page扩展了Walker_Page {
function start_lvl(& $ output,$ depth){
$ indent = str_repeat(“\ t”,$ depth);
if(0 == $ depth)
$ output。=“\ n $ indent< ul class = \”sub_menu \“> \ n”;
否则
$ output。=“\ n $ indent< ul> \ n”;
}
}
在要显示菜单的标题文件中:
< ul class =“dropdown”><?php $ walker = new My_Walker_Page;
wp_list_pages(array('title_li'=>'','depth'=> 2,'walker'=> $ walker)); ?>< / UL>
Mucho gracias给Mike Little,他是WordPress团队的创始成员。
答案 1 :(得分:0)
要向<ul>
添加一个类,您可以使用jQuery,但我认为您可以在不向第二个ul添加类的情况下执行此操作。
添加课程jQuery('ul.dropdown li ul').addClass('sub_nav');
现在您可以将jQuery('ul.sub_nav')
用于您需要的任何内容,但与jQuery('ul.dropdown li ul')
相同,因此无论您是否添加课程都不会产生任何影响。