3

私は、ユーザーが提案を +1 または -1 できる単純な提案投票システムに取り組んでいます (スタック オーバーフローが質問を評価する方法と同様の方法で)。

これらの提案は長いテーブルに表示され、+1 または -1 は ajax を介して行われます。テーブルはアイテムの投票数によってソートされ、+1 または -1 されるとテーブルの順序が失われます。

テーブル ソーター jQuery プラグインを使用してこれを修正できることは承知していますが、+- したアイテムを非常に簡単に失うことになります。(iPhoneの注文方法に似ているかも?) 滑らかなアニメーション?

御時間ありがとうございます、

4

2 に答える 2

21

いくつかのライブラリを使用してこれを解決し、かなり見栄えがよくなりました。実際に起こっていることは、複製テーブルがバックグラウンドで作成され、次にアニメーションが適用され、2 つのテーブルが交換されることです。

http://jsfiddle.net/NP4t3/1/を参照して、人々に投票してください。

これはhttp://www.scottlogic.co.uk/2011/01/animating-html-ranking-tables-with-javascript/の作業に基づいており、自動ソートを追加しました!

すべてのコードは (ライブラリを含めて) フィドルにあります。これが誰かの役に立つことを願っています!

于 2012-06-04T21:24:49.370 に答える
1

これを行うプラグインは知りません。ただし、自分で書くことはできます。私は次のアプローチを取ります:

  • 識別可能な行を持つテーブルを作成します。
  • 絶対位置の div 内に 2 つ目の隠しテーブルを作成します。
  • 行を移動する場合は、メイン テーブルから切り離し (コピーまたは空の行をプレース ホルダーとして保持する必要がある場合があります)、それを 2 番目のテーブルに追加して、現在表示できるようにし、目的の場所に移動します。一時テーブルからメインテーブルに追加します。

ああ、stackoverflow に関するこの質問があります:並べ替え可能な UI でテーブル行を上向きの動きにアニメーション化する

私はそれがあなたを始めるべきだと思います

于 2012-05-31T11:39:54.910 に答える