動畫效果HTML「排名」表與jQuery

-2

我要創建動畫HTML排名表與jQuery插件這裏找到：http://www.scottlogic.co.uk/2011/01/animating-html-ranking-tables-with-javascript/動畫效果HTML「排名」表與jQuery

我使用Visual Studio 2010中我創建了一個新的C＃網站，節約了以下jQuery的文件在「腳本/」：

animator.js
jQuery的1.4.3.js
rankingTableUpdate.js

我的樣式表位於：「App_Themes /主題/樣式/ 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和讓它運行。

是否需要引用上表中的「更新」和「常量」列？如果是的話，我在哪裏可以找到資源來做到這一點？

請幫忙！

來源

2012-06-25 NewbieDev

有一些關於如何在該頁面的usage部分使用插件的文檔。

看着你的代碼，似乎有幾個問題，你是html ..插件要求你有一個明確的thead定義的表，這是你的th元素應該去的地方。在用法部分中有一個預期表結構的例子。

此外，插件通過獲取兩個表格元素，然後使其中一個生成一個動畫 - 目前您只有一個表格，所以沒有任何動畫。如果您想使用它來顯示錶格的動畫，請查看頁面上的code for the financial example。這可以通過創建表格的新副本來實現，當用戶單擊列標題時，該表格具有排序順序的行，然後將當前表格動畫化爲新的表格。

順便說一句，我是這個插件的作者，我實際上並沒有維護代碼，所以如果瀏覽器不能正常工作，那麼恐怕你可能需要自己修復它，或找別人來！

來源

2012-06-25 11:19:57

謝謝馬克，感謝您的幫助。你已經開發了一個偉大的插件！祝一切順利！ – NewbieDev

標記如果您不介意我有關於您的插件的問題，即時通過php腳本獲取數據。現在我在AJAX的成功內部調用rankingTableUpdate，每更新10s（根據數據庫刪除和添加行）。我很好奇，何時應該進行分類以便動畫能夠正常工作。如果你有時間我會很感激，如果你能解釋我。謝謝 – LefterisL

排序與通過AJAX進行更新基本相同 - 您只需替換舊錶（新排序順序不同）。第一件事是創建一個按您想要的順序排序的表（可以在客戶端或服務器端完成，具體取決於它需要如何工作），然後調用傳遞它的更新函數。 –

動畫效果HTML「排名」表與jQuery

回答

相關問題