0

リンクをクリックすると、div をアニメーション化して一番上に移動しようとしています。別のリンクをクリックすると、アニメーションが元の位置に戻り、フェードアウトします。

私はjqueryを使用してdivを中央に配置します..今、ポイントは、リンクをクリックすると正常に動作します.40ピクセル上に移動します..そして、2番目のリンクをクリックすると、そのdivを下に移動するように設定しました..

問題は、2 番目のリンクをクリックすると、イベント ハンドラーを記述したときに div 画像が下に移動することです。

div が以前に移動したかどうかを検出するにはどうすればよいですか? 最初のリンクをクリックしてから2番目のリンクをクリックすると、divは正常に動作します..しかし、2番目のリンクをクリックすると、下に移動して画面から消えます。

4

2 に答える 2

1

簡単です。最初のアニメーションコールバックでは、div likeにクラスを追加しanim-done、2回目のクリックのイベントハンドラーで、このクラスをチェックしてから、元の位置にアニメーション化してフェードアウトします。2番目のアニメーションのコールバックでこのクラスを必ず削除してください。

明確にするためのフィドルは次のとおりです。http://jsfiddle.net/G5JcA/

于 2013-02-27T05:29:19.590 に答える
0

アニメ終了後にサクセス機能が使える

以下は構文です

.animate({co-ords},time,successfuntion);

左に移動した後にdivをフェードアウトするこのフィドルを参照してください

于 2013-02-27T06:21:02.657 に答える