1

maquette.jsを仮想 DOM ライブラリとして使用することをさらに検討しています。Web サイト
を見ると、ライブラリには、DOM ノードの追加、削除、および更新時にアニメーションをサポートする機能があります。 しかし、これを達成するために何をすべきかについてのドキュメントやAPIが見つかりません。

より具体的にするために、以下とここに小さなサンプルを作成しました。

var isPopupShown = false;

var togglePopup = function(){
 isPopupShown = !isPopupShown;   
}

var renderMaquette = function () {
  return h("div#container", [
    h("button",  {
      onclick: togglePopup
    }, ["Click me"]),
    isPopupShown ? h("div#popup") : null
  ]);
}

例では、ボタンをクリックするとポップアップが開きます。
私が望むのは、ノードがDOMに追加されたときにポップアップがフェードインをアニメーション化し、ノードがDOMから削除されたときにフェードアウトをアニメーション化することです。

4

1 に答える 1