jq-zTree使用

傳統網站使用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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章