jquery插件——多级菜单

共9个文件

xml：3个

js：2个

html：1个

jquery插件

多级菜单

5星 · 超过95%的资源需积分: 44 21 下载量 15 浏览量 2018-12-12 11:40:43 上传评论收藏 36KB ZIP 举报

温馨提示

自己封装的实现无限级别延展功能的多级菜单，扩展源码简单，适合初学者学习。（不喜勿喷）

资源推荐

资源详情

资源评论

收起资源包目录

djcd_demo.zip （9个子文件）

djcd_demo

djcd.js 1KB

.idea

workspace.xml 10KB

misc.xml 174B

modules.xml 270B

inspectionProfiles

djcd_demo.iml 458B

djcd.css 877B

index.html 2KB

djcd.scss 1KB

jquery.min.js 85KB

共 9 条

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="./djcd.css"> <title>多级菜单插件</title> </head> <body> <div class="djcd-pos"> <ul> </ul> </div> </body> </html> <script src="./jquery.min.js"></script> <script src="./djcd.js"></script> <script> djcd({ "list":[ { "menuName": "食物", "level":1, "childTree": [{ "menuName": "水果", "level":2, "childTree": [{ "menuName": "苹果", "level":3, "childTree": [{ "menuName": "红富士","level":4,"childTree":[] }] }] }, { "menuName": "蔬菜", "level":2, "childTree":[] }] }, { "menuName": "交通工具", "level":1, "childTree":[ { "menuName": "汽车", "level":2, "childTree":[] }, { "menuName": "火车", "level":2, "childTree":[] }, { "menuName": "共享单车", "level":2, "childTree":[] } ] }, { "menuName": "人员管理", "level":1, "childTree":[] }],//数据源 "dom":$("div.djcd-pos>ul"),// 选择dom元素 "parentDom":"djcd-pos"//ul的父级元素的class值 }) </script>

评论收藏

内容反馈

资源评论