jstree学习使用构建树

1在开发的时候会用到树，jstree官网第一次打开后面几天都进不去，为了下次使用不用从头看，特记录学习心得

在 https://github.com/vakata/jstree#the-required-json-format  可以看到jstree源码，以及介绍

2.引用jquery和jstree，以及相应的样式style.css

满足ul结构，直接写在html里面

<div id="tree_1" class="tree-demo">
                                <ul>
                                    <li>
                                         Root node 1
                                        <ul>
                                            <li data-jstree='{ "selected" : true }'>
                                                <a href="javascript:;">
                                                Initially selected </a>
                                            </li>
                                            <li data-jstree='{ "icon" : "fa fa-briefcase icon-state-success " }'>
                                                 custom icon URL
                                            </li>
                                            <li data-jstree='{ "opened" : true }'>
                                                 initially open
                                                <ul>
                                                    <li data-jstree='{ "disabled" : true }'>
                                                         Disabled Node
                                                    </li>
                                                    <li data-jstree='{ "type" : "file" }'>
                                                         Another node
                                                    </li>
                                                </ul>
                                            </li>
                                            <li data-jstree='{ "icon" : "fa fa-warning icon-state-danger" }'>
                                                 Custom icon class (bootstrap)
                                            </li>
                                        </ul>
                                    </li>
                                    <li data-jstree='{ "type" : "file" }'>
                                        <a href="http://www.jstree.com">
                                        Clickanle link node </a>
                                    </li>
                                </ul>
                            </div>

js调用