スライドショーを作成していますが、次のスライドが配置されたときにのみアニメーションをトリガーできるように、append() 関数から Promise を取得できるかどうかを知りたいです。
$.when( $('#slides').append('<div class="slide"></div>') ).done(animation);
上記を試すと、スライドが追加される前にアニメーションが発生します。私の意図は、スライドが要素に追加された後にのみアニメーションを開始することです。
アップデート
#slides
クリックすると、(1) 追加する要求されたスライドがトリガーされ、(2)left
最初のスライド (現在 2 つのスライドがあると仮定) が減少し、(3) スライドで終了する:first
ボタン上のドットとしての私のスライドショー削除されます。append()
is async [@Guffa] であるため、発火前に のデクリメントが発生left
しappend()
ます。
例: jsfiddle
アップデート
使ってみました
$.when( $('#slides').append('<div class="slide"></div>').promise() ).then(animation);
また、目的のアニメーションも提供されません。