傳統網站使用jq-ztree比較多,做一些技術總結
ztree網站api:http://www.treejs.cn/v3/api.php
//引入css,自己的css,ztree的css
<link rel="stylesheet" href="../../../css/main.css" type="text/css">
<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
//引入jq, ztree.core.js,
<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
//如果勾選,引入ztree.excheck.js
<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
//如果編輯樹【拖拽,刪除,批量加載】,引入ztree.exedit.js。
<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
<script>
//編寫配置代碼
</script>
//dom文本中引用
<div>
//id存放樹的區域,class需要添加ztree纔會有效果
<ul id="treeDemo" class="ztree">
</ul>
</div>