首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >第一次运行jstree

第一次运行jstree
EN

Stack Overflow用户
提问于 2013-08-20 13:21:15
回答 1查看 233关注 0票数 0

我对jQuery和jsTree都很陌生,对html、CSS或jsTree脚本也没有多少经验。现在,我尝试以html列表格式设置一个小测试树。这是我的html列表:

代码语言:javascript
运行
复制
<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>

这是我的密码:

代码语言:javascript
运行
复制
<!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列表插入到代码中,以及在哪里插入

代码语言:javascript
运行
复制
$("#testtree").jstree();

我将所有jsTree文件与我的html文件(包括_demo、_docs和_lib)放在同一个文件夹中,而不仅仅是jquery.jstree.js文件。安装包中包含的jQuery文件正在工作--我不确定我的代码是错的还是jquery.jstree.js文件的问题。任何关于我做错了什么的想法都是非常感谢的!

编辑:看来jstree的加载不正确,我补充道。

代码语言:javascript
运行
复制
alert($().jquery);
alert($().jquery.jstree);

并获得jquery的版本号(1.9.1),但jstree的版本号为“undefined”。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-08-20 14:02:45

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

代码语言:javascript
运行
复制
$(document).ready(function() {
    $("#testtree").jstree();
})

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18336185

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档