<!DOCTYPE html>
<html>
<head>
<title>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>
<script type="text/javascript"">
alert($().jquery);
alert($().jstree._themes);
$(function () {
$("#tree").jstree({
"json_data" : {
"ajax" : {
"url" : "/home/antonio/tomcat/webapps/jstree/_docs/_json_data.json",
"data" : function (n) {
return { id : n.attr ? n.attr("id") : 0 };
}
}
},
"plugins" : [ "themes", "json_data" ]
});
});
</script>
</head>
<body>
<h> Hello </h>
<div id='tree'></div>
</body>
</html>
Okey,主要问题是示例代码无效。 当我尝试显示此页面时,会出现加载树的动画,但它会永久挂起并且不会显示任何内容。
jquery的版本正确显示。 还有下一个提醒。
我做错了什么?
答案 0 :(得分:2)
请使用正确的编辑器(并在浏览器控制台中查看..)。我将你的代码粘贴在Netbeans中(我也将它用于Java),它已经向我展示了这些错字:
<script type="text/javascript"">
The double quote.
<h> Hello </h>
The invalid h tag.
应该像
<script type="text/javascript">
<h1> Hello </h1>
此外,你想要添加CSS,对..
我找到了一些jquery.jstree.js,但它给了我一个错误,没有任何客户端代码。请通过url或jsfiddle示例提供示例的来源。
答案 1 :(得分:0)
这是我发现问题的解决方案。
<html>
<head>
<title>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>
<script type="text/javascript">
alert($().jquery);
alert($().jstree._themes);
$(function () {
$("#tree").jstree({
"json_data" : {
"ajax" : {
"url" : function (node) {
if (node == -1)
{
url = loadRoot();
}
else {
url = loadNode(node);
}
return url;
},
"data" : function (n) {
return { id : n.attr ? n.attr("id") : 0 };
}
}
},
"plugins" : [ "themes", "json_data" ]
});
});
function loadRoot() {
return "http://localhost:7777/jstree/_docs/_json_data_123.json";
}
function loadNode(node) {
var nodeId = "";
var url = "";
nodeId = node.attr('id');
//Call the function that will retrieve the information.
// fetchData();
url = "http://localhost:7777/jstree/_docs/_json_data_0"+nodeId+".json";
return url;
}
</script>
</head>
<body>
<h1> Hello </h1>
<div id='tree'></div>
</body>
</html>