jsTree不工作

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

这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

来源

2012-04-27 zehelvion

工作的例子演示：JSFiddle1和JSFiddle2

请检查参考和你如何调用它。这棵树应该和你正在寻找的一模一样。

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

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

包括以下提及的文件。请参阅demo here。

<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-27 07:22:07

我按照你的例子做了，现在我得到： ncaught异常：jsTree热键：不包括jQuery热键插件。 – zehelvion 2012-04-27 07:35:19

Hiya @ArthurWulfWhite检查上面你丢失的答案hotkey.js' '包括你可以复制粘贴从上面的链接。 **从头开始更新另一个jsfiddle与外部文件sorces ** http://jsfiddle.net/J5ZaK/2/让我知道它是怎么回事:)干杯！ – 2012-04-27 07:53:10

再次感谢Tats，这个作品很棒！你是如何找到静态链接的？ – zehelvion 2012-04-27 08:02:44

它看起来像你的浏览器只是没有加载jstree.js正常吗？

您可以从CDN（内容分发网络）就像jQuery是正在改变这一行加载试装jstree.js：

<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-27 07:16:08 nvuono

是的！这似乎工作，但现在我得到一个奇怪的寻找树。：/ – zehelvion 2012-04-27 07:21:55

在我看来，你的代码无法访问功能jstree()。也许在jstree.js的路径上有什么错误？

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

来源

2012-04-27 07:16:56 lfergon

这是奇怪的事情，我检查了五次发布之前..文件是在同一目录中的HTML ..我复制粘贴文件的名称，所以它应该是正确的。 – zehelvion 2012-04-27 07:21:30

jsTree不工作

回答

相关问题