0

ユーザーがボタンをクリックするとアニメーションが再生され、終了すると関数が実行されるように、アニメーションと関数を連鎖させようとしています。

特に、私がやろうとしているのは、ユーザーがメニューを所定の位置に固定したり、固定を解除したりして、ページの下に浮かんでいるようにすることです。ボタンをクリックしたときに「固定」クラスを切り替えることで、メニューを固定するか固定解除するかを制御します。アニメーションを再生してトランジションをスムーズにし (メニューがフェードアウトしたり、新しい位置にスライドしたりするなど)、クラスを切り替えます。

残念ながら、アニメーションが終了する前にクラスがトグルしているため、2 つのメニューが切り替わるとメニューがジャンプします。

アニメーションが完了するまでトグル クラスを遅らせる方法はありますか?

4

1 に答える 1

1

アニメーションには、リッスンできる End イベントがあります。

http://dojotoolkit.org/reference-guide/1.9/dojo/fx/chain.html http://dojotoolkit.org/documentation/tutorials/1.7/animation/

require(["dojo/fx", "dojo/on"], function(coreFx, on){
  var animA = ...
  var animB = ...

  var chain = coreFx.chain([animA, animB]);

  on(chain, "End", function(){
    // set the css
  });

  chain.play();
});
于 2013-08-16T10:02:02.263 に答える