Question

我是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'。

Answer 1

您需要在文档准备就绪时进行此操作

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

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

第一次运行jstree

1 个答案: