jQuery实现树型菜单

佚名 6年前 (2019-05-15) 随笔 1416人围观抢沙发百度已收录

文档下载:

jQuery Treeview Github 地址：https://github.com/jzaefferer/jquery-treeview。

SRE实战互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

<link rel="stylesheet" href="lib/js/jquery-treeview-master/jquery.treeview.css">
    <script src="lib/js/jquery-treeview-master/jquery.treeview.js"></script>
    <script src="lib/js/jquery-treeview-master/demo/jquery.cookie.js"></script>

<ul id="tree" class="filetree">
                     <li><span class="folder">回放中心</span>
                         <ul>
                             <li><span class="folder">视频回放</span>
                                <ul>
                                    <li><span class="folder"><a href="">查找视频</a></span></li>
                                    <li><span class="folder">删除视频</span></li>
                                </ul>

                             </li>
                             <li><span class="folder">识别结果</span>
                                <ul>
                                    <li><span class="folder">查询识别结果</span></li>
                                    <li><span class="folder">删除识别结果</span></li>
                                </ul>

                             </li>
                         </ul>
                     </li>
                     <li><span class="folder">管理平台交互</span>
                         <ul>
                             <li><span class="folder">学生管理</span>
                                 <ul>
                                     <li><span class="folder">查询学生信息</span></li>
                                 </ul>
                             </li>
                             <li><span class="folder">教师管理</span>
                                 <ul>
                                     <li><span class="folder">查询老师信息</span></li>
                                 </ul>
                             </li>
                             <li><span class="folder">设备管理</span>
                                 <ul>
                                     <li><span class="folder">获取设备信息</span></li></li>
                                 </ul>
                             </li>
                         </ul>
                     </li>
                     <li><span class="folder">访客管理</span>
                         <ul>
                             <li><span class="folder">添加访客</span></li>
                             <li><span class="folder">查找访客</span></li>
                             <li><span class="folder">删除访客</span></li>
                             <li><span class="folder">修改访客</span></li>
                         </ul>
                     </li>
                     <li><span class="folder">陌生人管理</span>
                        <ul>
                             <li><span class="folder">查找陌生人</span></li>
                             <li><span class="folder">删除陌生人</span></li>
                         </ul>
                     </li>
                     <li><span class="folder">车牌管理</span></li>
                     <script>
                          $("#tree").treeview();
                     </script>
                 </ul>