场景:在代码 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 });
链接:
问题:有没有人遇到这个问题并且知道任何解决方案？那么请说明一下，这会有很大帮助。
更新 1: 甚至尝试使用以下代码:
<script>
$(document).ready(function () {
$("#tree").treetable({ expandable: true });
});
</script>
更新 2:基于所有答案。
我尝试了以下代码:
<script>
$(document).ready(function () {
$("#tree").treeTable({ expandable: true });
});
</script>
但是没有运气:-(
来源示例是不是大写的“T”。(Link)
最佳答案
你的方法不对。 Check the Docs for example .您需要为该方法使用小写字母。
$("#tree").treetable({ expandable: true });
关于javascript - jQuery treeTable 插件抛出错误 "TypeError: $(...).treetable is not a function"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15291854/