jQuery treeTable插件抛出错误“TypeError:$(...)。treetable不是函数”

时间:2013-03-08 10:29:25

标签: javascript jquery jquery-ui jquery-plugins jqtree

场景:在代码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. Sources for plugin
  2. Documentation and Demo/Examples
  3. 问题:是否有人遇到此问题&amp;知道解决方案吗?那么请对此有所了解,这将有很大的帮助。

    <小时/> 更新1:甚至尝试使用以下代码:

    <script>
        $(document).ready(function () {
            $("#tree").treetable({ expandable: true });
        });
    </script>
    

    <小时/> 更新2:基于所有答案。

    我尝试使用以下代码:

    <script>
        $(document).ready(function () {
            $("#tree").treeTable({ expandable: true });
        });
    </script>
    

    但没有运气:-(

    并且是源代码示例,它只是't'不是资本'T'。(Link

2 个答案:

答案 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文件

Issue Raised on GitHub