<ul class="nav navbar-nav" id="hover_slip">
<li><a href="index.html">Home</a></li>
<li class="arrow_down"><a href="about.html">About Us</a>
<div class="sub-menu">
<ul>
<li><a href="advisor.html">Advisor</a></li>
<li><a href="single-advisor.html">Single Advisor</a></li>
<li><a href="career.html">Career</a></li>
<li><a href="testimonial.html">Testimonaials</a></li>
<li><a href="partners.html">partners</a></li>
</ul>
</div>
</li>
<li class="arrow_down"><a href="service.html">Services</a>
<div class="sub-menu">
<ul>
<li><a href="service2.html">Service Two</a></li>
<li><a href="pricing-page.html">Pricing Page</a></li>
</ul>
</div>
</li>
如何在下拉ul之前添加这个标签<div class=“subMenu”>。在WordPress中
2 个回复
SO网友:klewis
如果您想自定义菜单的构建流程，我强烈建议您学习内置方法wp\\u get\\u nav\\u menu\\u items（）。通过将菜单列表作为单独的对象进行查看和操作，您可以按照自己的意愿围绕数据构建HTML。
SO网友:Er Deepak Prabhakar
您可以使用Jquery包装函数来实现这一点。下面的代码将帮助您执行此操作。
<ul class="nav navbar-nav" id="hover_slip">
<li><a href="index.html">Home</a></li>
<li class="arrow_down"><a href="about.html">About Us</a>
<ul>
<li><a href="advisor.html">Advisor</a></li>
<li><a href="single-advisor.html">Single Advisor</a></li>
<li><a href="career.html">Career</a></li>
<li><a href="testimonial.html">Testimonaials</a></li>
<li><a href="partners.html">partners</a></li>
</ul>
</li>
<li class="arrow_down"><a href="service.html">Services</a>
<ul>
<li><a href="service2.html">Service Two</a></li>
<li><a href="pricing-page.html">Pricing Page</a></li>
</ul>
</li>
</ul>
<script>
jQuery(function($){
$(\'#hover_slip > li > ul\').wrap("<div class=\'sub-menu\'></div>");
});
</script>