0

http://www.elitedeafpoker.com/dev/poker-players.html - 並べ替え可能なテーブルが機能しません。私はそれを機能させるためにいくつかの助けが必要です.

HTML

<table id="myTable" class="tableData">
    <thead>
        <tr>
            <th>Rank</th>
            <th width="250">Name</th>
            <th>Earnings</th>
            <th>Points</th>
            <th>Total Earnings</th>
        </tr>
    </thead>
    <tbody></tbody>
 </table>

ジャバスクリプト -

$(document).ready(function() { 
    $("#myTable").tableData(); 
} 
);

jQUERY プラグイン - http://www.elitedeafpoker.com/dev/js/jquery.tablesorter.min.js

すべてのコードはhttp://tablesorter.com/docs/によって参照されました。見逃したことを教えてください。

4

3 に答える 3

1

ブラウザのコンソールで次のエラーに注意してください。Uncaught TypeError: Object [object Object] has no method 'tableData'

Tablesorter プラグインが提供する正しいメソッドはtablesorterであるため、次を使用します。

$("#myTable").tablesorter();

あなたが参照したウェブサイトのリンクには、具体的には次のコードがあります。

$(document).ready(function() 
    { 
        $("#myTable").tablesorter(); 
    } 
);

AJAX を使用して行をロードしている場合は、次を呼び出す必要があります。

$("#myTable").trigger("update");

それらが追加された後。

于 2013-04-18T21:45:29.957 に答える
0

私はDataTablesを試してみます。使用しようとしているライブラリは、ほぼ 5 年前の 03-2008 に最後に更新されました。この例では、jQuery のバージョンは 1.2 です。安定した jQuery の現在のバージョンは 1.9+ です。中間バージョンには下位互換性がない多くの変更があります。

本当にテーブルの並べ替えだけが必要な場合。JavaScript のみを使用することを主張する場合は、このhttp://www.kryogenix.org/code/browser/sorttable/sorttable.jsを見ることができます。最後に試したときはうまくいきました。

于 2013-04-18T22:31:23.233 に答える