编辑 wp_nav_menu() 使其打印 DIV 而不是 LI [英] editting wp_nav_menu() so it prints DIVs instead of LIs

查看：28
本文介绍了编辑 wp_nav_menu() 使其打印 DIV 而不是 LI的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有一个标题导航，悬停效果有点困难.为了使它动态而不是硬编码，我将不得不在列表元素中使用跨度，或者更好的是我需要使用 DIV 完成整个导航.

有没有办法编辑 wordpress 函数 wp_nav_menu()(codex 定义)这样它就会给我我想要的 div 而不是 ul-li 层次结构?

另一种解决方案是以常用方式构建它，然后使用 jQuery 将 span 附加到它.但这是我最后的手段.

有人有过类似的经历吗?

谢谢

代替

    <li>...</li><li>...</li>

我需要:

<div class="y"><div class="z">

<div class="y"><div class="z">

<div class="y"><div class="z">

解决方案

您需要使用自定义菜单浏览器.请参阅 http://codex.wordpress.org/Function_Reference/wp_nav_menu 和 http://www.mattvarone.com/wordpress/cleaner-output-for-wp_nav_menu/和wordpress menu walker"的其他 Google 结果

I have a header navigation with kinda difficult hover effect. In order to make it dynamic and NOT hard-coded, I'm gonna have to use spans inside list elements or even better I'm gonna need entire navigation done using DIVs.

Is there a way to edit the wordpress function wp_nav_menu() (codex definition) so that it will give me divs that I want instead of ul-li hierarchy?

Another solution is to build it the common way but then append spans to it using jQuery. But that's my last resort.

Has anyone had similar experiences?

Thank you

Edit:

instead of 

<ul>
  <li>...</li>
  <li>...</li>
</ul>

I'm gonna need:

<div class="x">
 <div class="y">
   <div class="z">
   </div>
 </div>
 <div class="y">
   <div class="z">
   </div>
 </div>
 <div class="y">
   <div class="z">
   </div>
 </div>
</div>

解决方案

You need to use a custom menu walker. See http://codex.wordpress.org/Function_Reference/wp_nav_menu and http://www.mattvarone.com/wordpress/cleaner-output-for-wp_nav_menu/ and other Google results for "wordpress menu walker"

这篇关于编辑 wp_nav_menu() 使其打印 DIV 而不是 LI的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文
相关文章
其他开发最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆