jsTree not working

私はjQueryとjsTreeを初めて使用しています。なぜ私はそれを動作させることができないのでしょうか？このチュートリアルの使用： http://tkgospodinov.com/jstree-part-1-introduction/jsTree not working

そしてこの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

Hiya @ArthurWulfWhiteあなたが欠けていた上記の答えを確認してくださいhotkey.js ' '上記のリンクを貼り付けることができます。 **外部のファイルで**別のjsfiddleを最初から更新しました** http://jsfiddle.net/J5ZaK/2/それがどのようになっているのか教えてください:)歓声！ –

もう一度お返事ありがとう、これは素晴らしい作品です！どのように静的リンクを見つけましたか？ – zehelvion

それはちょうど適切jstree.jsをロードしていないブラウザのようになります。は、私は次のエラーを取得しますか？

あなたはjQueryのラインを変更することにより、ロードされているだけのようCDN（コンテンツ配信ネットワーク）からロード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

にそれはあなたのように私には思えますコードは関数jstree()にアクセスできません。 jstree.jsのパスに何か間違っているのでしょうか？

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

出典

2012-04-27 07:16:56 lfergon

これは奇妙なことですが、投稿する前に5回チェックしました。ファイルはhtmlと同じディレクトリにあります。ファイル名を貼り付けてコピーしてください。 – zehelvion

答えて

関連する問題