0

スライドショーを作成していますが、次のスライドが配置されたときにのみアニメーションをトリガーできるように、append() 関数から Promise を取得できるかどうかを知りたいです。

$.when( $('#slides').append('<div class="slide"></div>') ).done(animation);

上記を試すと、スライドが追加される前にアニメーションが発生します。私の意図は、スライドが要素に追加された後にのみアニメーションを開始することです。

アップデート

#slidesクリックすると、(1) 追加する要求されたスライドがトリガーされ、(2)left最初のスライド (現在 2 つのスライドがあると仮定) が減少し、(3) スライドで終了する:firstボタン上のドットとしての私のスライドショー削除されます。append()is async [@Guffa] であるため、発火前に のデクリメントが発生leftappend()ます。

例: jsfiddle

アップデート

使ってみました

$.when( $('#slides').append('<div class="slide"></div>').promise() ).then(animation);

また、目的のアニメーションも提供されません。

4

0 に答える 0