Question

我想使用此处的jQuery插件创建动画HTML排名表：http://www.scottlogic.co.uk/2011/01/animating-html-ranking-tables-with-javascript/

我正在使用Visual Studio 2010.我创建了一个新的C＃网站，将以下jQuery文件保存在“Scripts /”中：

animator.js
的jquery-1.4.3.js
rankingTableUpdate.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并使其运行。

我需要在上表中引用“更新”和“常量”列吗？如果是，我在哪里可以找到资源呢？

请帮忙！

Answer 1

有一些关于如何在该页面的usage部分使用该插件的文档。

看看你的代码，你的html似乎有几个问题..这个插件要求你有一个明确的thead定义的表，这是你{{1}的地方元素应该去。在使用部分中有一个预期表结构的示例。

此外，该插件通过获取两个表元素，然后使一个动画制作另一个 - 当前您只有一个表，所以没有任何动画。如果要使用它来显示表格排序的动画，请从页面中查看code for the financial example。这可以通过创建表的新副本来实现，当用户单击列标题时，它会按排序顺序排列行，然后将当前表设置为新表。

顺便说一句，我是这个插件的作者，我实际上并没有维护代码，所以如果由于浏览器更改而无法正常工作，那么恐怕你可能需要修复它你自己，还是找别人去做！

使用jQuery动画HTML“排名”表

1 个答案: