3

我是 jQuery 和 jsTree 的新手，我不知道为什么我不能让它工作？使用本教程： http ://tkgospodinov.com/jstree-part-1-introduction/

而这个html / javascript：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta name="description" content="">
        <title>
            BLA BLA
        </title>
        <base href="/">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!--
        <link rel="stylesheet" href="css/styles.css">
        -->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> </script>
        <script type="text/javascript" src="jquery.jstree.js"></script>
        <script type="text/javascript">                                         
        $(document).ready(function() {
             $("#selector").jstree();
        });                                     
        </script>
        </head>
        <body>
            <div id="selector">
                <ul>
                    <li><a>Team A's Projects</a>
                        <ul>
                        <li><a>Iteration 1</a>
                            <ul>
                                <li><a>Story A</a></li>
                                <li><a>Story B</a></li>
                                <li><a>Story C</a></li>
                            </ul>
                            </li>
                        <li><a>Iteration 2</a>
                        <ul>
                            <li><a>Story D</a></li>
                              </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </body>
</html>

似乎没有任何效果。我收到以下错误：

$("#selector").jstree is not a function
4

3 回答 3

6

您的示例的工作演示：JSFiddle1和JSFiddle2

请检查参考以及您如何称呼它。这棵树应该与您正在寻找的完全一样。

其余所有文档的来源可以在这里找到：http: //www.jstree.com/ 

<script type="text/javascript" src="http://static.jstree.com/v.1.0pre/jquery.jstree.js"></script>

包括下面提到的文件。在此处查看演示。

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>

<link rel="stylesheet" type="text/css" href="/css/normalize.css">
<link rel="stylesheet" type="text/css" href="/css/result-light.css">

<script type='text/javascript' src="http://static.jstree.com/v.1.0pre/jquery.jstree.js"></script>
于 2012-04-27T07:22:07.400 回答
2

看起来您的浏览器没有正确加载 jstree.js？

您可以尝试从 CDN（内容交付网络）加载 jstree.js，就像通过更改行加载 jquery 一样：

<script type="text/javascript" src="jquery.jstree.js"></script>

至

<script type="text/javascript" src="http://cachedcommons.org/cache/jquery-jstree/1.0.0/javascripts/jquery-jstree-min.js"></script>
于 2012-04-27T07:16:08.983 回答
0

在我看来，您的代码无法访问该功能jstree()。也许 jstree.js 的路径有问题？

<script type="text/javascript" src="jquery.jstree.js"></script>
于 2012-04-27T07:16:56.793 回答