Note that there are some explanatory texts on larger screens.

plurals
  1. POhow to get the jstree work
    primarykey
    data
    text
    <p>this is my file omploader.org/vNWJieg/1.png:</p> <p>and this is my code:</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;jsTree v.1.0 - full featured demo&lt;/title&gt; &lt;script type="text/javascript" src="_lib/jquery.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="_lib/jquery.cookie.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="_lib/jquery.hotkeys.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="jquery.jstree.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" type="text/css" href="_docs/!style.css" /&gt; &lt;style type="text/css"&gt; 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; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="demo1"&gt; &lt;a href="some_value_here"&gt;Node title&lt;/a&gt; &lt;ul&gt; &lt;li&gt; saaa &lt;!-- UL node only needed for children - omit if there are no children --&gt; &lt;ul&gt; &lt;li&gt;aaa&lt;/li&gt; &lt;li&gt;sss&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;script type="text/javascript"&gt; $(function () { $("#demo1").jstree({ "themes": { "theme": "default", "dots": true, "icons": true, "url": "themes/default/style.css" }, "plugins" : [ "themes", "html_data" ] }); }); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>my result is omploader.org/vNWJibg :</p> <p>you can see ,it does not has any themes ,</p> <p>so how to get it work ,</p> <p>thanks</p> <p><strong>updated:</strong></p> <p>this is my result pic : omploader.org/vNWJjbQ/1.png </p> <p>how to get it work .</p> <p><strong>updated2</strong></p> <p>oh , i got it , it must be <code>&lt;a&gt;</code> element in the <code>&lt;li&gt;</code></p> <p>this is my code :</p> <pre><code>&lt;div id="demo1"&gt; &lt;ul&gt; &lt;li&gt; &lt;a href=""&gt;aaa&lt;/a&gt; &lt;!-- UL node only needed for children - omit if there are no children --&gt; &lt;ul&gt; &lt;li&gt;&lt;a href=""&gt; kkk&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=""&gt; kkk&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload