我对jQuery和jsTree都是新手，并且对html，CSS或Java Script也没有太多的经验。现在，我正在尝试以html列表格式设置一个小的测试树。这是我的html列表：
<div id="testtree">
<ul>
<li><a>Fruits and Vegetables</a>
<ul>
<li><a>Fruit</a>
<ul>
<li><a>Apple</a></li>
<li><a>Banana</a></li>
</ul>
</li>
<li><a>Vegetables</a>
<ul>
<li><a>Zucchini</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
这是我的代码：
<!doctype html>
<html>
<head>
<title>jstree test</title>
</head>
<body>
<script type="text/javascript" src="_lib/jquery.js"></script>
<script type="text/javascript" src="jquery.jstree.js"></script>
</body>
</html>
现在我不确定将html列表插入代码中的位置以及插入位置
$("#testtree").jstree();
我将所有jsTree文件与html文件（包括_demo，_docs和_lib）放在同一个文件夹中，不仅是jquery.jstree.js文件。jsTree安装包中包含的jQuery文件正在运行-我不确定我的代码是否错误或jquery.jstree.js文件是否有问题。关于我在做什么错的任何想法，将不胜感激！
编辑：似乎jstree无法正确加载，我添加了
alert($().jquery);
alert($().jquery.jstree);
到代码，并获取jquery（1.9.1）的版本号，但jstree为'undefined'。
您需要在文档准备就绪时进行操作
$(document).ready(function() {
$("#testtree").jstree();
})
JSFiddle：http : //jsfiddle.net/vLH55/1/
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句