最基本用法

html

        <ul id="demo" class="ztree"></ul>

注意：一定要加类名ztree。否则会没有样式。

js

    var zTreeObj;
   // zTree 的参数配置，深入使用请参考 API 文档（setting 配置详解） http://www.ztree.me/v3/api.php/
   var setting = {};
   // zTree 的数据属性，深入使用请参考 API 文档（zTreeNode 节点数据详解）
   // 数据结构的层级是通过children来表示的。如果是想用简单的数组形式来表示这种层级关系。可以通过设置来实现，具体见下面的demo
   var zNodes = [
        {
            name:"test1",
            open:true,
            children:[
                {name:"test1_1"},
                {name:"test1_2"}
            ]
        },
        {
            name:"test2",
            open:true,
            children:[
                {name:"test2_1"},
                {name:"test2_2"}
            ]
        }
   ];
   $(document).ready(function(){
      zTreeObj = $.fn.zTree.init($("#demo"), setting, zNodes);
   });
          

用数组来表示层级结构的demo

fuck! 如果那ztree元素如果没设置id，那么他们是setting是共用的。。。所以后面元素的回调会覆盖前面元素的