0

我对 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 的版本号为“未定义”。

4

1 回答 1

0

您需要在文档准备好时执行此操作

$(document).ready(function() {
    $("#testtree").jstree();
})

JSFiddle：http: //jsfiddle.net/vLH55/1/

于 2013-08-20T14:02:45.910 回答