我正在使用Wordpress PHP菜单功能在多级移动导航菜单上工作,但在将跨度按钮(以打开子菜单)插入父列表项时却没有出现在子菜单后的问题上,我遇到了困难。
目前,它在inspect元素标记中显示如下:
<li class=“menu-item menu-item-post_type menu-item-object-page menu-item-has-children menu-item-463”> ==$0
<a href=“http://www.mywebsite.co.uk/page/“>Page</a>
<ul class=“sub-menu”>…</ul>
<span class=“submenu-button”>+</span>
</li>
我希望能够在ul类之前插入它,如下所示:
<li class=“menu-item menu-item-post_type menu-item-object-page menu-item-has-children menu-item-463”> ==$0
<a href=“http://www.mywebsite.co.uk/page/“>Page</a>
<span class=“submenu-button”>+</span>
<ul class=“sub-menu”>…</ul>
</li>
我当前用于添加跨度/按钮的JQuery如下:
$('nav.main-menu#mobile ul li:not(.hide-mobile) ul').parent('li').append('<span class="submenu-button">+</span>');
我尝试使用prepend
代替append
,但是这将其移到li a
标记以及的前面ul ul
,这是我要避免的事情。
有更好的方法吗?
之前使用jquery
$('.sub-menu').before('<span class=“submenu-button”>+</span>');
$( "<span class='submenu-button'>+</span>" ).insertBefore( ".sub-menu" );
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句