jQuery Treeview
jQuery Treeview 插件用于把一个无序列表改为一个可扩展的可折叠的树,有利于导航。该插件支持位置和基于 cookie 的持久性。
该插件目前版本是 1.4.1,以后将会整合成为 jQuery UI 的一部分。
另外,还有很多可替代 Treeview 的 jQuery 树插件,比如 jsTree。
jQuery Treeview 提供了一个无序灵活的可折叠的树形菜单。适用于一些菜单的导航,支持基于 cookie 的持久性菜单。
<ul id="browser" class="filetree treeview-famfamfam"> <li><span class="folder">Folder 1</span> <ul> <li><span class="folder">Item 1.1</span> <ul> <li><span class="file">Item 1.1.1</span></li> </ul> </li> <li><span class="folder">Folder 2</span> <ul> <li><span class="folder">Subfolder 2.1</span> <ul id="folder21"> <li><span class="file">File 2.1.1</span></li> <li><span class="file">File 2.1.2</span></li> </ul> </li> <li><span class="folder">Subfolder 2.2</span> <ul> <li><span class="file">File 2.2.1</span></li> <li><span class="file">File 2.2.2</span></li> </ul> </li> </ul> </li> <li class="closed"><span class="folder">Folder 3 (closed at start)</span> <ul> <li><span class="file">File 3.1</span></li> </ul> </li> <li><span class="file">File 4</span></li> </ul> </li> </ul>
实例演示
- jQuery Treeview 插件 - 基本
- jQuery Treeview 插件 - 大型树
- jQuery Treeview 插件 - 预渲染的大型树
- jQuery Treeview 插件 - 异步树
- jQuery Treeview 插件 - 可编辑的树
- jQuery Treeview 插件 - 简单的树,famfamfam 主题(无线条)
相关链接
jQuery Treeview 完整实例下载:http://www.bootwiki.com/try/download/jquery-treeview.zip。
jQuery Treeview Github 地址:https://github.com/jzaefferer/jquery-treeview。