实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
x
 
1
<!doctype html>
2
<html>
3
<head>
4
    <meta charset="utf-8">
5
    <title>jQuery Treeview 插件 - 可编辑的树</title>
6
    
7
    <link rel="stylesheet" href="https://jquery.bassistance.de/treeview/jquery.treeview.css" />
8
    <link rel="stylesheet" href="https://jquery.bassistance.de/treeview/demo/screen.css" />
9
    
10
    <script src="https://jquery.bassistance.de/treeview/lib/jquery.js" type="text/javascript"></script>
11
    <script src="https://jquery.bassistance.de/treeview/lib/jquery.cookie.js" type="text/javascript"></script>
12
    <script src="https://jquery.bassistance.de/treeview/jquery.treeview.js" type="text/javascript"></script>
13
    <script src="https://jquery.bassistance.de/treeview/jquery.treeview.edit.js" type="text/javascript"></script>
14
    
15
    <script type="text/javascript">
16
        $(function() {
17
            $("#browser").treeview();
18
            $("#add").click(function() {
19
                var branches = $("<li><span class='folder'>New Sublist</span><ul>" + 
20
                    "<li><span class='file'>Item1</span></li>" + 
21
                    "<li><span class='file'>Item2</span></li></ul></li>").appendTo("#browser");
22
                $("#browser").treeview({