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

回答

相關問題