zoukankan      html  css  js  c++  java
  • jQuery中的treeview插件

    jQuery做树状结构真的很简单,下面做一个最简单的示例:

    在html文件中引用:

    <link rel="stylesheet" href="../jquery.treeview.css" />
        <link rel="stylesheet" href="../red-treeview.css" />
        <link rel="stylesheet" href="screen.css" />
        <script src="../lib/jquery.js" type="text/javascript"></script>
        <script src="../lib/jquery.cookie.js" type="text/javascript"></script>
        <script src="../jquery.treeview.js" type="text/javascript"></script>

    然后定义:

    <script language="JavaScript">
            $(document).ready(function(){
                $("#navigation").treeview({
                    collapsed: true,
                    unique:true,
                    persist:"location"//这项很关键
                });
            });
            </script>

    然后在下面定义一个列表并指定id即可

    <ul id="navigation">
            <li>根节点</li>
                <ul>
                <li>子节点</li>
                    <ul>
                        <li><span>第一节点</span></li>
                        <li><span>第二节点</span></li>
                        <li><span>第三节点</span></li>
                    </ul>
                <li>子节点</li>
            </ul>
        </ul>

  • 相关阅读:
    bzoj4537: [Hnoi2016]最小公倍数
    bzoj4331: JSOI2012 越狱老虎桥
    bzoj4558: [JLoi2016]方
    bzoj4209: 西瓜王
    bzoj2653: middle
    bzoj4671: 异或图
    bzoj4771: 七彩树
    shell java应用启动脚本(app.sh)
    Springboot 构建http服务,返回的http行是'HTTP/1.1 200' 无状态码描述 客户端解析错误
    MariaDB(Mysql)-主从搭建
  • 原文地址:https://www.cnblogs.com/GarfieldTom/p/1497539.html
Copyright © 2011-2022 走看看