0

TinyTableV3 JQuery プラグインを使用しようとしています。ただし、「未定義」が存在しないというエラーが引き続き発生します。次に、並べ替えのために列をクリックすると、「ソーター」が存在しないというエラーが表示されます。これは初期化の問題を示していますが、このプラグインの readme がないように見えるため、どこで問題が発生しているのかわかりません。以下のコード。ヘルプ?

<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

4

1 に答える 1

2

var tinytableあなたの名前をに変更してみてくださいvar sorter- それはこのフィドルの問題であると思われました http://jsfiddle.net/cP6qv/

また、HTML が混同されていました。body タグが head タグ内にありました。等..

また、タグを使用して、テーブル本体をラップする必要があります

于 2012-12-03T15:37:58.460 に答える