Javascript TinyTable分拣机获取未定义的_Javascript_Jquery_Html Table

Javascript TinyTable分拣机获取未定义的

javascript jquery

Javascript TinyTable分拣机获取未定义的,javascript,jquery,html-table,Javascript,Jquery,Html Table,我正在尝试使用TinyTableV3 JQuery插件；然而，我不断得到一个“未定义”不存在的错误。然后，当单击列进行排序时，我得到“sorter”不存在错误。这表明存在初始化问题，但由于该插件似乎没有自述文件，我不确定它可能会出什么问题。代码如下。帮忙 <html> <head> <script type="text/javascript" src="javascript/jquery.1.8.3.min.js"></script>

我正在尝试使用TinyTableV3 JQuery插件；然而，我不断得到一个“未定义”不存在的错误。然后，当单击列进行排序时，我得到“sorter”不存在错误。这表明存在初始化问题，但由于该插件似乎没有自述文件，我不确定它可能会出什么问题。代码如下。帮忙

<html>
<head>    
    <script type="text/javascript" src="javascript/jquery.1.8.3.min.js"></script>
    <script type="text/javascript" src="javascript/TinyTableV3/script.js"></script>
    <script type="text/javascript">
        var sorter;
        $(document).ready(function () {
            sorter = new TINY.table.sorter('sorter', 'listtbl', {
                headclass: 'head',
                ascclass: 'asc',
                descclass: 'desc',
                evenclass: 'evenrow',
                oddclass: 'oddrow',
                evenselclass: 'evenselected',
                oddselclass: 'oddselected',
                paginate: false,
                size: 100,
                sortcolumn: 1,
                sortdir: 1,
                init: true
            });
        });
    </script>
</head>
<body>
        <table id="listtbl" class="listtbl">
            <tr>
                <th>number</th>
                <th>name</th>
                <th>address</th>
                <th>comment</th>
            </tr>
            <tr>
                <td>97</td>
                <td>bob</td>
                <td>666 mantime</td>
                <td>this is a comment</td>
            </tr>
            <tr>
                <td>912</td>
                <td>daisy</td>
                <td>856 mantime</td>
                <td>this is a comment</td>
            </tr>
            <tr>
                <td>24</td>
                <td>john</td>
                <td>666 sooome</td>
                <td>this is a comment</td>
            </tr>
            <tr>
                <td>365</td>
                <td>kindle</td>
                <td>66 mantimed</td>
                <td>this is a comment</td>
            </tr>
            <tr>
                <td>56</td>
                <td>ishmael</td>
                <td>12 diddles</td>
                <td>this is a comment</td>
            </tr>
            <tr>
                <td>234</td>
                <td>hoppy</td>
                <td>666 mantime</td>
                <td>this is a comment</td>
            </tr>
            <tr>
                <td>43</td>
                <td>snaps</td>
                <td>666 mantime</td>
                <td>this is a comment</td>
            </tr>
            <tr>
                <td>123</td>
                <td>pickpic</td>
                <td>666 mantime</td>
                <td>this is a comment</td>
            </tr>
            <tr>
                <td>15</td>
                <td>hahazabamadan</td>
                <td>666 mantime</td>
                <td>this is a comment</td>
            </tr>
        </table>
</body>
</html>


var分拣机；
$（文档）.ready（函数（）{
sorter=新的TINY.table.sorter（'sorter'，'listtbl'{
头等舱：'头'，
asc类：“asc”，
描述类：“描述”，
evenclass:“evenrow”，
oddclass:“oddrow”，
evenselclass:“evenselected”，
oddselclass:“oddselected”，
paginate:false，
尺码：100，
sortcolumn:1，
sortdir:1，
init：对
});
});
数
名称
地址
评论
97
上下快速移动
666曼蒂姆
这是一个评论
912
雏菊
856曼蒂姆
这是一个评论
24
厕所
666苏美
这是一个评论
365
点燃
66曼蒂姆
这是一个评论
56
以实玛利
12个骗局
这是一个评论
234
快乐
666曼蒂姆
这是一个评论
43
折断
666曼蒂姆
这是一个评论
123
皮克皮克
666曼蒂姆
这是一个评论
15
哈扎巴马丹
666曼蒂姆
这是一个评论

在

找到的小表v3尝试将您的

var tinytable

重命名为

var-sorter

——这似乎是本次修订的问题所在

你的html也被弄混了——你的身体标签在你的头标签里面。等等

你也应该使用标签来包装你的文件和你的表体。你能提供一个演示吗？我不知道怎么做，因为这是从一个单独的文件中添加的插件。如果你不能将这个文件建立为与脚本标签链接的url，只需复制它的内容并将它们粘贴到JSFIDLE中javascript部分的第一行。你知道你的HTML是无序的吗？您的最后一个标记是正文结束标记。。然后你的头部关闭标签？试着将你的

var tinytable

重命名为

var-sorter

——这似乎就是这个问题所在