JS技术

jQuery插件实现无限级别下拉菜单源码_Javascript教程

字号+ 作者:H5之家 来源:H5之家 2015-10-01 10:19 我要评论( )

jQuery插件实现无限级别下拉菜单源码,学习jQuery插件实现无限级别下拉菜单源码,jQuery插件实现无限级别下拉菜单源码,查看jQuery插件实现无限级别下拉菜单源码,21

教程网3月27日整理

这是一个我自己做的jQuery无限级下拉菜单的插件,先在放上来大家共享,同时谢谢留下宝贵意见。

已知不足:在横向空间不足时,没有增加菜单弹出方向智能判断



插件说明:
1、组件依附于jQuery 1.3.x版本
2、下拉菜单完全由ul,li,span系列元素模拟而成,完美兼容IE6~8,FF,Chrome,Opera
3、列表内数据通过Json数组进行赋值,样式如下:

代码: var colObj = {"Items":[
    {"name":"菜单项目标题","topid":"0","colid":"1","value":"菜单项目标题1","fun":function(){}},
                  ...
  ]}

参数说明:
其中topid为菜单上级菜单id,0为顶级
colid为菜单id,0为顶级
value为最终post时传送的结果(以hidden形式的input进行传递,input的name就是所依附dom的id值)
fun为回调函数
4、最后进行实例:

代码: $("#divid").mlnColsel(colObj,{
    title:"栏目下拉菜单",     //默认状态下select选中项的名称
    value:"-1",                    //默认状态下select选中项的值
    width:100                     //此值暂时无效
  });

5、表单提交后,后台以普通resquest方式接收即可(asp为例)

代码: dim selects=request.form("divid")

使用过程用有任何疑问可以到

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评