用jstree实现树形菜单1

摘要：之前介绍过用dtree实现树形菜单，本节介绍用jstree实现树形菜单

[b]jstree介绍：[/b]

jstree的的官方网站http://www.jstree.com/，是这样介绍jstree的：

jsTree is a javascript based, cross browser tree component. It is packaged as a jQuery plugin。

翻译下玩玩：

jstree是一个基于javascript、跨越浏览器的树组件。它被打包作为jquery的一个插件。

功能预览：

Various data sources - HTML, JSON, XML 各种数据源：HTML/JSON/XML

Supports AJAX loading 支持Ajax加载

Drag & drop support 支持拖放

Highly configurable 高度可配置

Theme support + included themes

Uses jQuery's event system 使用jQuery的事件系统

Optional keyboard navigation 可选的键盘导航

Maintain the same tree in many languages 多语言中保持树的一致性

Inline editing

Open/close optional animation 打开/关闭可选动画

Define node types and fine tune them

Configurable multitree drag & drop

Optional checkbox tree support 支持可选复选框树

Search function 搜索功能

Supports plugins 支持插件

Optional state saving using cookies 使用Cookie状态保存(可选的)

以上功能都是jstree官方网站上的，我只是做了一个简单的翻译，如有不准确的地方请各位多多理解啦。

当前支持的常见浏览器有：

IE6以上，firefox2以上，其他的Safari 、 Chrome Chrome等浏览器当前也是支持的，只是这些不常用咱就没有列出来。

[b]示例代码：[/b]

说明：按照以往介绍的惯例，应该先对主要的方法或者属性介绍后再粘贴代码，但是jquery的方法不是和对象.方法名称一样，我就放在代码中介绍了，会尽量的多写注解。