场景:在代码html文件中考虑以下内容:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery treetable</title>
<link rel="stylesheet" href="assets/css/screen.css" media="screen" />
<link rel="stylesheet" href="assets/css/jquery.treetable.css" />
<link rel="stylesheet" href="assets/css/jquery.treetable.theme.default.css" />
</head>
<body>
<div id="main">
<table id="tree">
<tr id="node-1">
<td>Parent</td>
</tr>
<tr id="node-2" class="child-of-node-1">
<td>Child</td>
</tr>
<tr id="node-3" class="child-of-node-2">
<td>Child</td>
</tr>
</table>
</div>
<script src="assets/js/jquery.js"></script>
<script src="assets/js/jquery-ui.js"></script>
<script src="assets/js/jquery.treetable.js"></script>
<script>
$("#tree").treetable({ expandable: true });
</script>
</body>
</html>
所有资源/依赖项(js,css和图像文件)都可以完美地加载200 HTTP状态(稍后在304上)。
问题: Firebug中是否有错误。以下是firebug控制台的错误:
TypeError: $(...).treetable is not a function
[Break On This Error]
$("#tree").treetable({ expandable: true });
链接:
问题:是否有人遇到此问题&amp;知道解决方案吗?那么请对此有所了解,这将有很大的帮助。
<小时/> 更新1:甚至尝试使用以下代码:
<script>
$(document).ready(function () {
$("#tree").treetable({ expandable: true });
});
</script>
<小时/> 更新2:基于所有答案。
我尝试使用以下代码:
<script>
$(document).ready(function () {
$("#tree").treeTable({ expandable: true });
});
</script>
但没有运气:-(
并且是源代码示例,它只是't'不是资本'T'。(Link)
答案 0 :(得分:0)
你的方法错了。 Check the Docs for example。你需要使用小写的方法。
$("#tree").treetable({ expandable: true });
答案 1 :(得分:0)
文档中提供的旧参考文献&amp;安装步骤(link > 2.2)
2.2步骤说“添加src/javascripts/jquery.treeTable.js”
但它不起作用,并且工作示例引用服务器上的不同jquery.treeTable.js
文件。它在GitHub scource code
提及代码treetable()
的其他答案必须与treeTable()
类似。但它没有用。 : - (
问题是: 2.2步骤说“添加src/javascripts/jquery.treeTable.js”
解决方案:从GitHub获取jquery.treeTable.js
文件