2010-08-23 124 views
0

這是我的文件omploader.org/vNWJieg/1.png:如何獲得jstree工作

,這是我的代碼:

<!DOCTYPE html 
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>jsTree v.1.0 - full featured demo</title> 
<script type="text/javascript" src="_lib/jquery.js"></script> 
<script type="text/javascript" src="_lib/jquery.cookie.js"></script> 
<script type="text/javascript" src="_lib/jquery.hotkeys.js"></script> 
<script type="text/javascript" src="jquery.jstree.js"></script> 
<link rel="stylesheet" type="text/css" href="_docs/!style.css" /> 
<style type="text/css"> 
html, body { margin:0; padding:0; } 
body, td, th, pre, code, select, option, input, textarea { font-family:verdana,arial,sans-serif; font-size:10px; } 
.demo, .demo input, .jstree-dnd-helper, #vakata-contextmenu { font-size:10px; font-family:Verdana; } 
#container { width:780px; margin:10px auto; overflow:hidden; position:relative; } 
#demo { width:auto; height:400px; overflow:auto; border:1px solid gray; } 

#text { margin-top:1px; } 

#alog { font-size:9px !important; margin:5px; border:1px solid silver; } 
</style> 
</head> 
<body> 
<div id="demo1"> 
<a href="some_value_here">Node title</a> 
<ul> 
    <li> 
    saaa 
    <!-- UL node only needed for children - omit if there are no children --> 
    <ul> 
    <li>aaa</li> 
    <li>sss</li> 
    </ul> 
    </li> 
</ul> 

</div> 
<script type="text/javascript"> 
$(function() { 
$("#demo1").jstree({ 
    "themes": { 
     "theme": "default", 
     "dots": true, 
     "icons": true, 
     "url": "themes/default/style.css" 
     }, 
    "plugins" : [ "themes", "html_data" ] 
}); 
}); 
</script> 
</body> 
</html> 

我的結果是omploader.org/vNWJibg:

你可以看到,它不具有任何主題,

因此如何得到它的工作,

感謝

更新:

,這是我的結果圖:omploader.org/vNWJjbQ/1.png

如何得到它的工作。

updated2

哦,我知道了,一定是在<li>

<a>元素是我的代碼:

<div id="demo1"> 
    <ul> 
     <li> 
      <a href="">aaa</a> 
      <!-- UL node only needed for children - omit if there are no children --> 
      <ul> 
       <li><a href=""> kkk</a></li> 
       <li><a href=""> kkk</a></li> 
      </ul> 
     </li> 
    </ul> 

</div> 
+0

希望你不要以爲刪除你的評論會讓我們忘記它。 – Iznogood 2010-08-23 17:43:40

+0

@Iznogood:我刪除了。我不確定是什麼促成了它,但這裏沒有地方。 – 2010-08-23 17:47:06

回答

2

看起來你沒有一個您的div上的ID。將<div id="">更改爲<div id="demo1">

+0

嗨mattbasta,看我的更新,謝謝 – zjm1126 2010-08-23 17:58:16