-2

ここにあるjQueryプラグインを使用してアニメーションHTMLランキングテーブルを作成したい：http ：//www.scottlogic.co.uk/2011/01/animating-html-ranking-tables-with-javascript/

Visual Studio 2010を使用しています。新しいC＃Webサイトを作成し、次のjQueryファイルを「Scripts/」に保存しました。

  • animator.js
  • jquery-1.4.3.js
  • ランキングテーブルアップデート.js

私のスタイルシートはここにあります： "App_Themes / Main Theme / Styles / Site.css"

Site.masterであるマスターページを使用しています。次のコードを「Default.aspx」に貼り付けました。

    <br />
      <table border="1" cellpadding="2" cellspacing="2" width="40%">
        <tr>
        <th>Researcher</th>
        <th>Close Ratio</th>
          </tr>
          <tr>
          <td><strong>John</strong> Doe</td>
          <td><strong>1</strong> in <strong>25</strong> CONV</td>
          </tr>
          <tr>
          <td><strong>John</strong> Zert</td>
          <td><strong>1</strong> in <strong>51</strong> CONV</td>
          </tr>
          <tr>
          <td><strong>Johnny</strong> Halliday</td>
          <td><strong>1</strong> in <strong>37</strong> CONV</td>
          </tr>
          <tr>
          <td><strong>Johnathan</strong> Bell</td>
          <td><strong>1</strong> in <strong>31</strong> CONV</td>
          </table>

このテーブルをJavaScriptに接続して実行するにはどうすればよいかを知りたいです。

上記の表の「更新」列と「定数」列を参照する必要がありますか？はいの場合、それを行うためのリソースはどこにありますか？

助けてください！

4

1 に答える 1

1

そのページの使用セクションに、プラグインの使用方法に関するドキュメントがいくつかあります。

あなたのコードを見ると、あなたのHTMLにはいくつかの問題があるようです.プラグインでは、明示的にthead定義されたテーブルが必要です。これは、th要素が移動する場所です. 使用法セクションに、予想されるテーブル構造の例があります。

また、プラグインは 2 つのテーブル要素を取り、一方を他方にアニメーション化することで機能します。現在、テーブルは 1 つしかないため、アニメーション化するものはありません。テーブルの並べ替えのアニメーションを表示するために使用したい場合は、ページから金融の例のコードを確認してください。これは、ユーザーが列ヘッダーをクリックしたときにソートされた順序で行を持つテーブルの新しいコピーを作成し、現在のテーブルをこの新しいテーブルにアニメーション化することによって機能します。

ところで、私はこのプラグインの作成者であり、実際にコードを保守しているわけではないため、ブラウザの変更により機能しない場合は、自分で修正するか、他の人を見つける必要があるかもしれません.に！

于 2012-06-25T11:19:57.907 に答える