基于jQuery的下拉菜单插件，诸位上眼！！！-白红宇

前言

很久没有写博客了，话说真的工作后才发现很多需要学的，有很多不足。

加之最近工作没有什么沉淀，现在团队又面临解散，反正闲着也是闲着，就自己写了个插件，反正水平就这样，当时自我总结吧！

应用背景

在我们工作中，经常会遇到这种需求：

① 鼠标点击某个文本框时出现下拉菜单

② 常用的操作鼠标划上出现下拉菜单

③ 按钮类应用

我们会用到这种功能往往原因是因为地方小了，按钮多了，这往往说明产品设计一般出问题了。。。但是，我辈屁民豪不关注产品（没资格插手），所以需要完成以上功能；

其实总的来说，这些功能还是非常实用的。

于是，为了应对以上场景，我工作中先是做了一个，然后又遇到了，然后又遇到了，所以最后就写了这么一个东西。

集中展示

几个功能放到一起了，前端代码如下：

View Code

js代码：

View Code

难点&后续

做的过程中还是遇到了几个问题的，比如：

① 菜单展开后如何关闭

② 多级菜单如何处理

不完善的级联效果

③ 事件如何回调

最后做出了这个比较简陋的东东。。。。

但是做完后也发现了一些问题：

① 像这种菜单在最左最下出现时没有解决；

② 然后菜单项过多时候也没有出现像select的滚动条；

③ 由于个人水平，整个代码的质量亦有问题；

④ 开始也考虑了异步数据加载的问题，但是着实有点难便放弃了，功能代码有一点，有兴趣的同学可以看看：

View Code

所以先贴出来和各位看看，后续小生再行优化，希望能把这个功能做好！

本文转自叶小钗博客园博客，原文链接：http://www.cnblogs.com/yexiaochai/archive/2013/03/29/2988939.html，如需转载请自行联系原作者