ある列から別の列にタスクを移動するサーバー側イベントを使用して、単純な HTML タスクボード、いくつかの列、およびいくつかのタスクを作成しようとしています。jQuery を使用すると、要素の削除と追加は簡単ですが、タスクが列 A から列 B に移動していることを示す効果 (アニメーション) が必要です。
HTML は非常にシンプルで、view div のみです。
<div id="colA" class="column">
<div id="task1" class="task">Task 1</div>
</div>
<div id="colB" class="column">
<!-- move task1 here -->
</div>
また、サーバー側イベントによって呼び出される JavaScript 関数:
function moveTask(taskId, fromId, toId) {
// move #task1 from #colA to #colB with a nice animation
}
jquery-1.8.3 と jquery-1.9.2 を使用していますが、これに限定されず、他のライブラリも使用できます。