使无序列表进入下拉菜单 [英] make an unordered list into a drop down menu

问题描述

如果我有这个代码显示在Wordpress上，什么是最简单的方法把它转换成跳转菜单？

If I have this code showing on Wordpress, what is the easiest way to turn this into a jump menu?

<ul class='toc-odd level-1'>
  <li><a href="1">It's finally here</a></li>
  <li><a href="2">Improvements</a></li>
  <li><a href="3">Handling</a></li>
</ul>

我可以使用像这个线程中显示的jquery：如何将无序列表转换为漂亮的样式< select&下拉使用jquery？

Can i use jquery like it showed in this thread: How to convert unordered list into nicely styled <select> dropdown using jquery?

如果是这样，我将放置在所述帖子中显示的代码示例？

and if so, where would i place the code examples shown in said post?

推荐答案

有几百个插件有这个目的...一个简单的搜索应该带来很多结果像50 jQuery插件下拉菜单..

There's about hundreds of plugins with this purpose... A simple search should bring a lot of results like "50 jQuery plugins for dropdown menu"..

一些结果会告诉你如何建立自己的菜单，像这样使用CSS和jQuery创建一个下拉菜单

Some results will show you how to build your own menu like this one "Build a dropdown menu with CSS and jQuery"

其他结果会给你一个插件，你只需要调用一个jQuery函数将此UL转换为菜单，如 jQuery插件下拉菜单

Other results will give to you a plugin that you just need to call a jQuery function to transform this UL into a menu, like "jQuery plugin for dropdown menu"

在这两种情况下，你不需要准确地使用它们的显示方式，只要感觉到想法，如果需要，修改以适应你的情况...

In both cases you don't need to use exactly how they show, just feel the idea and, if you need, modify to fit your case...

这篇关于使无序列表进入下拉菜单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！