text: $(function () {
  
      var defaultData = [
          {
              text: '父节点 1',
              href: '#parent1',
              tags: ['4'],
              nodes: [
                  {
                      text: '子节点 1',
                      href: '#child1',
                      tags: ['2'],
                      nodes: [
                          {
                              text: '孙子节点 1',
                              href: '#grandchild1',
                              tags: ['0']
                    },
                          {
                              text: '孙子节点 2',
                              href: '#grandchild2',
                              tags: ['0']
                    }
                  ]
                },
                  {
                      text: '子节点 2',
                      href: '#child2',
                      tags: ['0']
                }
              ]
            },
          {
              text: '父节点 2',
              href: '#parent2',
              tags: ['0']
            },
          {
              text: '父节点 3',
              href: '#parent3',
              tags: ['0']
            },
          {
              text: '父节点 4',
              href: '#parent4',
              tags: ['0']
            },
          {
              text: '父节点 5',
              href: '#parent5',
              tags: ['0']
            }
          ];
  
      var alternateData = [
          {
              text: '父节点 1',
              tags: ['2'],
              nodes: [
                  {
                      text: '子节点 1',
                      tags: ['3'],
                      nodes: [
                          {
                              text: '孙子节点 1',
                              tags: ['6']
                    },
                          {
                              text: '孙子节点 2',
                              tags: ['3']
                    }
                  ]
                },
                  {
                      text: '子节点 2',
                      tags: ['3']
                }
              ]
            },
          {
              text: '父节点 2',
              tags: ['7']
            },
          {
              text: '父节点 3',
              icon: 'glyphicon glyphicon-earphone',
              href: '#demo',
              tags: ['11']
            },
          {
              text: '父节点 4',
              icon: 'glyphicon glyphicon-cloud-download',
              href: '/demo.html',
              tags: ['19'],
              selected: true
            },
          {
              text: '父节点 5',
              icon: 'glyphicon glyphicon-certificate',
              color: 'pink',
              backColor: 'red',
              href: 'http://www.tesco.com',
              tags: ['available', '0']
            }
          ];
  
      var json = '[' +
          '{' +
          '"text": "父节点 1",' +
          '"nodes": [' +
          '{' +
          '"text": "子节点 1",' +
          '"nodes": [' +
          '{' +
          '"text": "孙子节点 1"' +
          '},' +
          '{' +
          '"text": "孙子节点 2"' +
          '}' +
          ']' +
          '},' +
          '{' +
          '"text": "子节点 2"' +
          '}' +
          ']' +
          '},' +
          '{' +
          '"text": "父节点 2"' +
          '},' +
          '{' +
          '"text": "父节点 3"' +
          '},' +
          '{' +
          '"text": "父节点 4"' +
          '},' +
          '{' +
          '"text": "父节点 5"' +
          '}' +
          ']';
  
  
      $('#treeview1').treeview({
          data: defaultData
      });
  
      $('#treeview2').treeview({
          levels: 1,
          data: defaultData
      });
  
      $('#treeview3').treeview({
          levels: 99,
          data: defaultData
      });
  
      $('#treeview4').treeview({
  
          color: "#428bca",
          data: defaultData
      });
  
      $('#treeview5').treeview({
          color: "#428bca",
          expandIcon: 'glyphicon glyphicon-chevron-right',
          collapseIcon: 'glyphicon glyphicon-chevron-down',
          nodeIcon: 'glyphicon glyphicon-bookmark',
          data: defaultData
      });
  
      $('#treeview6').treeview({
          color: "#428bca",
          expandIcon: "glyphicon glyphicon-stop",
          collapseIcon: "glyphicon glyphicon-unchecked",
          nodeIcon: "glyphicon glyphicon-user",
          showTags: true,
          data: defaultData
      });
  
      $('#treeview7').treeview({
          color: "#428bca",
          showBorder: false,
          data: defaultData
      });
  
      $('#treeview8').treeview({
          expandIcon: "glyphicon glyphicon-stop",
          collapseIcon: "glyphicon glyphicon-unchecked",
          nodeIcon: "glyphicon glyphicon-user",
          color: "yellow",
          backColor: "purple",
          onhoverColor: "orange",
          borderColor: "red",
          showBorder: false,
          showTags: true,
          highlightSelected: true,
          selectedColor: "yellow",
          selectedBackColor: "darkorange",
          data: defaultData
      });
  
      $('#treeview9').treeview({
          expandIcon: "glyphicon glyphicon-stop",
          collapseIcon: "glyphicon glyphicon-unchecked",
          nodeIcon: "glyphicon glyphicon-user",
          color: "yellow",
          backColor: "purple",
          onhoverColor: "orange",
          borderColor: "red",
          showBorder: false,
          showTags: true,
          highlightSelected: true,
          selectedColor: "yellow",
          selectedBackColor: "darkorange",
          data: alternateData
      });
  
      $('#treeview10').treeview({
          color: "#428bca",
          enableLinks: true,
          data: defaultData
      });
  
      $('#treeview11').treeview({
          color: "#428bca",
          data: defaultData,
          onNodeSelected: function (event, node) {
              $('#event_output').prepend('<p>您单击了 ' + node.text + '</p>');
          }
      });
  
      // $('#treeview11').on('nodeSelected', function (event, node) {
      //   $('#event_output').prepend('<p>您单击了 ' + node.text + '</p>');
      // });
  
  
      $('#treeview12').treeview({
          data: json
      });
  
  });
  