最近的项目要用到treeview插件,刚好就自己整理一下这方面的资料。 最简单的一个例子就是文档树的实现。效果如下图所示。 在使用treeview之前,html文档中需要包含几个jquery.js、jquery.treeview.js、jquery.treeview.cs ...
最近的项目要用到treeview插件,刚好就自己整理一下这方面的资料。
最简单的一个例子就是文档树的实现。效果如下图所示。
在使用treeview之前,html文档中需要包含几个jquery.js、jquery.treeview.js、jquery.treeview.css几个文件。具体的请从官网下载。记住jquery.js的引用必须在jquery.treeview.js之前。
具体代码如下:
1 <h1>文件树示例</h1> 2 <ul id="file" class="filetree"> 3 <li><span class="folder">资料</span> 4 <ul> 5 <li><span class="file">光盘</span></li> 6 </ul> 7 </li> 8 <li><span class="folder">书籍</span> 9 <ul>10 <li><span class="folder">小说</span>11 <ul id="book">12 <li><span class="file">当代小说</span></li>13 <li><span class="file">古典小说</span></li>14 </ul>15 </li>16 <li><span class="file">诗歌</span></li>17 </ul>18 </li>19 <li class="closed"><span class="folder">游戏</span>20 <ul>21 <li><span class="file">休闲游戏</span></li>22 </ul>23 </li>24 <li><span class="folder">照片</span></li>25 </ul>
原标题:jQuery treeview的文档树的用法
关键词:jquery
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。