0

D3.jsを使用して、子要素に対して遷移（アニメーション）を実行し、遷移の最後に親要素を削除したいと思います。

  1. 子の移行が終了したことを確認する方法は？

  2. 親要素を削除する方法は？jQuery構文では、$（this）.parent（）。remove（）;になります。

    li.enter（）.append（'li'）.append（'i'）.text（function（d）{return d;}）;

    li.exit（）.selectAll（'i'）.transition（）.style（'opacity'、0）.remove（）; //ここで親を削除します...

デモ： http： //jsbin.com/elaxom/1/edit

4

1 に答える 1

2
  1. 子の移行が終了したことを確認する方法は？

ここで学びます： transition.each（[type]、listener）を使用できるトランジションの最後にコールバックを呼び出します ：d3.selectAll（'i'）。transition（）。each（'end'、function （）{...}）; 各要素のtransition'end'イベントでコールバックをトリガーします。

  1. 親要素を削除する方法は？jQueryでは$（this）.parent（）。remove（）;になります。

この構文は私のために働きます：

d3.select（this.parentNode）.transition（）。style（'opacity'、0）.remove（）;

これが最後のデモです：http： //jsbin.com/elaxom/4/edit

于 2013-02-11T20:06:03.530 に答える