1

キュー関数のアニメーションでトリッキーなことをしようとしています。元のコードは長くて面倒なので、ここに投稿するのをためらっていました。しかし、私が抱えている問題を次の例に要約しました(Alnitakによってこのメソッドを使用してキューをコーディングしています:jQuery:delay()とremoveClass()を追加するとコードが機能しなくなります):

http://jsfiddle.net/AYMY7/6/

これは、100の素数冪因数分解をアニメーション化するプログラムを作成する試みです。これは、置換する必要のある部分の周りに「span」タグが付いた新しいhtmlを毎回#targetdivが受け取るforループで構成されています。次に、「スパン」された部分がフェードアウトし、何かに置き換えられ、フェードインすることになっています。これを実行すると、フェードイン/アウトはループ内で最初にのみ機能し、その後停止することがわかります。私の推測では、次の反復で#target divのhtmlが置き換えられると、「span」タグは新しいものとして扱われ、元の「span」キューの影響を受けないためです。それが理にかなっているかどうかはわかりませんが、コードを調べて実行すると、私が何を意味するのかがわかります。

クラスとIDで修正しようとしましたが、同じコアの問題がまだ残っていると思います。誰かがこれを修正する方法を見ることができますか?

ピースごとに個別のdivを追加し、配列を変更することで修正したと思いました。

http://jsfiddle.net/nQjBw/2/

ランダムに発生するように見えるこれらの小さなけいれんがあることを除いて、これはほぼうまく機能します。したがって、誰かが代わりにこれを修正する方法を見ることができれば、それは素晴らしいことです。

どちらの場合も、より大きなプロジェクトでこの方法を使用しようとしているため、因数分解に固有ではないソリューションが必要です。

ありがとう!

4

1 に答える 1

0

これはうまくいくようです:

http://jsfiddle.net/EHJfR/

于 2012-09-04T06:18:24.503 に答える