Php 防止类为'的ul元素;子菜单';从Wordpress菜单中列表项的子元素
我有一个菜单,它是使用wordpress模板标签Php 防止类为'的ul元素;子菜单';从Wordpress菜单中列表项的子元素,php,javascript,jquery,html,wordpress,Php,Javascript,Jquery,Html,Wordpress,我有一个菜单,它是使用wordpress模板标签生成的 生成的代码是: <div class="menu"> <ul> <li class="current_page_item">Current Page</li> <li class="page_item page-item-58">Menu Item #1 <ul class='sub-menu'> <li class
生成的
生成的代码是:
<div class="menu">
<ul>
<li class="current_page_item">Current Page</li>
<li class="page_item page-item-58">Menu Item #1
<ul class='sub-menu'>
<li class="page_item page-item-62">Child Item #1</li>
<li class="page_item page-item-60">Child Item #2</li>
</ul><!--END page-item-58 -->
</li>
</ul>
</div>
当前页面
菜单项1
我的问题是:如何防止
成为
的孩子
我希望生成的代码如下所示:
<div class="menu">
<ul>
<li class="current_page_item">Current Page</li>
<li class="page_item page-item-58">Menu Item #1</li><!--END page-item-58 -->
<ul class='sub-menu'>
<li class="page_item page-item-62">Child Item #1</li>
<li class="page_item page-item-60">Child Item #2</li>
</ul>
</ul>
</div>
当前页面
菜单项1
我似乎找不到答案。这不是你应该努力实现的目标。ul元素作为另一ul元素的子元素是非法的:
另请参见w3规范:,因此我发现您需要该结构,但使用div而不是ul和li。你能试试找到的代码,看看它是否适合你吗 它是一个扩展了Walker_Nav_菜单的类,其输出为:
<div class="menu-main-menu-container">
<div id="menu-main-menu" class="menu">
<div id="menu-item-4" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4"><a href="#">Sample Page</a></div>
<div class="sub-menu">
<div id="menu-item-5" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5"><a href="#">Sub-menu</a>
<div class="sub-menu">
<div id="menu-item-6" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6"><a href="#">Sub-sub-menu</a></div>
</div>
</div>
<div id="menu-item-7" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7"><a href="#">Another sub-menu</a></div>
</div>
</div>
</div>
我不确定这是否正是你想要的,但也许你可以和步行者一起玩,看看你是否能实现你想要的 啊,谢谢,我不知道ul元素是另一个ul元素的子元素是非法的。如果理论上所有的ul和li元素都是div,那么这个问题怎么解决呢?然后您将看到wp_nav_菜单的实现。我不确定您是否可以这样约束它,但文档肯定会帮助您扩展默认行为?
- Sample Page
- Sub-menu
- Sub-sub-menu
- Another sub-menu