Web ページに MVC を使用する場合、特に、データ (モデル) を変更するだけで、モデルに変更が加えられるとビューが自動的に更新され、モデルを反映するようにビューにモデルを「観察」させる場合モデル、どうすればアニメーションを静止させることができますか?
(更新:ビューは、たとえば can.js の Mustache や Handlebars などのテンプレートにすぎないため、どのようにアニメーション化できますか?)
たとえば、2 列のカードがあるとします。ユーザーは最初の行をクリックして、カードを 2 番目の行に「移動」できます。したがって、MVC を使用しない場合は、行 1 でカードをフェードアウトし、行 2 の最後までカードをフェードインできます。しかし、実際に 2 つの配列を使用し、2 つのビューにこれら 2 つの配列を観察させ、2 つの配列がどのように変化してもビューがモデルを反映する場合、実際にフェードアウトとフェードインを行うにはどうすればよいでしょうか? ビューがカードを表示しないように使用し、CSS トランジションを使用してカードの消失と外観をアニメーション化する場合にのみ考えることができますがopacity: 0、不透明度の後、カードはまだ空のスペースとして表示されます (まだ画面スペースを占有しています)。は 0 です。問題は、ビューにモデルが何であるかを自動的に表示させながら、アニメーションを表示させるにはどうすればよいかということです。