Question

我正在尝试使用TinyTableV3 JQuery插件;但是，我一直得到一个'未定义'不存在的错误。然后，当单击列进行排序时，我得到'分拣机'不存在错误。这表示初始化问题，但由于此插件似乎没有自述文件，我不确定它可能出错的地方。代码如下。帮助

<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>

在http://www.scriptiny.com/2009/11/advanced-javascript-table-sorter/

找到的小桌子v3

Answer 1

尝试将您的var tinytable重命名为var sorter - 这似乎是这个小提琴中的问题 http://jsfiddle.net/cP6qv/

你的html也被混淆了 - 你的身体标签在你的头部标签内。等。

您还应该使用标签来包装和包裹表体

TinyTable分拣机得到一个未定义的

1 个答案: