第一次運行jstree

我對jQuery和jsTree都很陌生，對html，CSS或Java Script也沒有多少經驗。現在，我試圖以html列表格式設置一個小測試樹。這是我的HTML列表：第一次運行jstree

<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>

這是我的代碼：

<!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列表插入代碼，並在插入

$("#testtree").jstree();

我把所有jsTree文件放在與我的html文件（包括_demo，_docs和_lib）相同的文件夾中，而不僅僅是jquery.jstree.js文件。包含在jsTree安裝包中的jQuery文件正在運行 - 我不確定我的代碼是否有錯，或者是否與jquery.jstree.js文件有關。任何想法，我做錯了將不勝感激！

編輯：看來，jstree沒有正確加載中，我添加

alert($().jquery); 
alert($().jquery.jstree);

的代碼，並得到了版本號的jQuery（1.9.1），但「不確定」的jstree。

來源

2013-08-20 atreju

你需要做的是在當文檔準備

$(document).ready(function() { 
    $("#testtree").jstree(); 
})

的jsfiddle：http://jsfiddle.net/vLH55/1/

來源

2013-08-20 14:02:45 shyam

謝謝您的幫助。我需要把html列表放到哪裏？編輯：明白了！ – atreju

這並不能解決問題，小提琴也不能工作，它只是顯示一個無序列表。 –

第一次運行jstree

回答

相關問題