Jquery ztree 无法显示

发布于 2021-11-29 07:17:43 字数 2264 浏览 754 评论 1

大家好，我下载了ztree的包，并且保存了 demo.css zTreeStyle.css 在WebRoot 下的css 文件，同样 jquery/1.4.4.min.js 和 jquery.ztree.core/3.5.js 保存在了WebRoot 下的js 文件。之后建立了hml 文件建立ztree。。。路径如下〉

那个 zTree.html 代码如下〉

<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE> ZTREE DEMO </TITLE>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="css/demo.css" type="text/css">
<link rel="stylesheet" href="css/zTreeStyle.css" type="text/css">
<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>

<script>
   var zTreeObj;
   var setting = {}; //zTree的参数配置，深入使用请参考 API 文档（参数说明 -- setting 详解）
   var zNodes = [
   {name:"test1", open:true, nodes:[
       {name:"test1_1"}, {name:"test1_2"}]},
   {name:"test2", open:true, nodes:[
       {name:"test2_1"}, {name:"test2_2"}]}
   ]; //zTree的数据属性，深入使用请参考 API 文档（参数说明 -- zTreeNodes 详解）
   $(document).ready(function(){
       zTreeObj = $("#treeDemo").zTree(setting, zNodes);
   });
   </script>

</HEAD>
<BODY>
<div class="zTreeDemoBackground">
   <ul id="treeDemo" class="tree"></ul>
</div>
</BODY>
</HTML>