我对jQuery和jsTree都很陌生,对html、CSS或jsTree脚本也没有多少经验。现在,我尝试以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文件。安装包中包含的jQuery文件正在工作--我不确定我的代码是错的还是jquery.jstree.js文件的问题。任何关于我做错了什么的想法都是非常感谢的!
编辑:看来jstree的加载不正确,我补充道。
alert($().jquery);
alert($().jquery.jstree);
并获得jquery的版本号(1.9.1),但jstree的版本号为“undefined”。
发布于 2013-08-20 14:02:45
您需要在文档准备好时执行此操作。
$(document).ready(function() {
$("#testtree").jstree();
})
JSFiddle:http://jsfiddle.net/vLH55/1/
https://stackoverflow.com/questions/18336185
复制相似问题