为什么不显示tree呢？ - ztree吧

level 1

songjun1018 楼主

今天按照API想写个TREE，可就是不能显示。把demo中的代码照搬到项目中，还是不能显示。不知为什么，各位给指点下。页面代码如下：【注：ul前后的0和1是为了测试tree是否能够显示的。】
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@include file="/common/common.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css"
href="<%=basePath%>/css/zTree/zTreeStyle.css" />
<link rel="stylesheet" type="text/css"
href="<%=basePath%>/css/zTree/zTreeIcons.css" />
<link rel="stylesheet" type="text/css"
href="<%=basePath%>/css/style_admin.css" />
<script src="<%=basePath%>/script/jquery-1.4.2.js" type="text/javascript"></script>
<script src="<%=basePath%>/script/jquery.ztree-2.6.js" type="text/javascript"></script>
<script type="text/javascript">
var setting = {
showLine: true,
checkable: true
};
var zTreeNodes = [
{ "name":"google", "url":"http://g.cn", "target":"_blank"},
{ "name":"baidu", "url":"http://baidu.com", "target":"_blank"},
{ "name":"sina", "url":"http://www.sina.com.cn", "target":"_blank"}
];
alert($("#tree"));
var zTree = $("#tree").zTree(setting, zTreeNodes);
</script>
</head>
<body>
0<ul id="tree" class="tree" style="width:300px; overflow:auto;"></ul>1
</body>
</html>

2011年11月28日 10点11分 1

level 1

songjun1018 楼主

补充：偶人发现了个奇怪的问题，在页面输出的01还可以拖动，这是为什么【第一张是页面初始化时的位置，用鼠标还可以拖动，第二张为拖动之后的截图】？

2011年11月28日 10点11分 2

level 11

zTreeAPI

请用调试工具调试一下，注意以下问题：
1、加载的 css、 js 文件相对地址是否正确，是否成功加载
2、页面上是否出现js 错误
3、css 的样式是否异常？
另外，刚开始学习zTree 吗？为何不直接用v3.0beta？

2011年11月29日 01点11分 3

level 1

songjun1018 楼主

因为有“beta”字样，呵呵。
今天开会没来得及调试。明天会继续。可能还会随时请教。
如果CSS有问题，会导致整个tree的内容显示不出来么？

2011年11月29日 11点11分 4

level 1

songjun1018 楼主

在火狐的错误控制台输出如下样式警告问题，看不明白。。望赐教。

2011年11月30日 02点11分 5

level 11

zTreeAPI

你好，难道你的文件有问题？？请你再仔细检查一下。。你可以先尝试直接运行Demo，看看是否能正常执行。然后在demo的基础上进行修改，这样便于上手。

2011年11月30日 06点11分 6

level 1

songjun1018 楼主

我又换了v3.0beta，就可以显示出来。
我之前就是直接拷的demo。

2011年12月01日 06点12分 7