以前の(未知の)アニメーション/エフェクトが終了した後のjQueryでのコードの実行方法

以前のエフェクト/ムーブメントが完了した後、DIV要素を隠したい。私がシーケンスを知っていれば、私は .animate()(例えば)に与えるコールバック関数にコードを追加することができます。しかし、このような状況では、私はその状態にアクセスすることができません(アニメーション/エフェクトを通過する場合としない場合があります)。つまり、2つのアニメーション/エフェクトは、2つの異なるイベント(ボタンのクリックなど)によってトリガーされます。

したがって、DIV要素が現在のアニメーション/エフェクトを終了した後にfadeOutを実行します。これはjQueryでも可能ですか?

ありがとう。

編集:目標は、前のアニメーションコードから現在のアクション(fadeOut()など)コードを切り離すことです。

EDIT2:質問をより明確にしました。

0
なぜあなたは配列にアクセスしていないのですか?また、CSS3のアニメーションとは言えませんが、jQueryとは何ですか?
追加された 著者 Joey,
@JoeyVanOmmen私はそれを書いたので、私はそれがjQueryだと知っています:)。事は、前のアニメーションが次のイベントとは異なるイベント(たとえば2つの別々のボタンクリック)からトリガされることです。
追加された 著者 Lycha,

5 答え

.fadeOut()を呼び出すだけで自動的にfxキューの最後に追加されます:

http://jsfiddle.net/gilly3/f4vNH/

2
追加された
ありがとう、私はjQueryがそれを行うことができるのか分からなかった、これはそれを解決する。私はfxのキューについてもっと読むべきです。
追加された 著者 Lycha,
さらに、.fadeOut()にfadeOutの後に追加のコードを実行するコールバックを与えることができます。
追加された 著者 Lycha,

どのようにカスタムイベントを作成し、それをlive()でバインドするのですか?

<script>
$("p").live("myCustomEvent", function(e, myName, myValue) {
  $('#div').hide();

});
$("button").click(function() {
  $("p").trigger("myCustomEvent");
});
</script>
0
追加された

特定のアドバイスを得るには、以前のアニメーションコードを表示する必要があります。 jQueryでは、アニメーション効果を連鎖させることができ、jQueryはそれらを自動的にキューに入れます。または、ある操作の完了機能を使用して、次の操作の開始をトリガーすることもできます。

例:

$("#item").fadeIn(1000).delay(1000).fadeOut(500);
$("#item").animate({
    opacity: 0.75,
    left: '+=250',
 }, 5000).delay(1000).fadeOut(500);

.animate()メソッドには、アニメーションの完了時に任意の操作をトリガーするために使用できる補完機能もありますが、次の操作がアニメーションそのものであれば、自動連鎖を補完関数ではなく、上の:

$("#item").animate({
    opacity: 0.75,
    left: '+=250',
 }, 5000, function() {alert("Animation finished."});
0
追加された

私はあなたがアニメーション呼び出しで完全な関数のパラメータを探していると思う:

http://api.jquery.com/animate/

$('#clickme').click(function() {
  $('#book').animate({
    opacity: 0.25,
    left: '+=50',
    height: 'toggle'
  }, 5000, function() {
   //Animation complete.
  });
});
0
追加された

それは簡単です、あなたのアニメーションをキューに入れるだけです

$("#myDiv").queue(function(){
    $(this).fadeOut();
});

アニメーションキューが完了した後に実行されます。 だからあなたは、アニメーションのキューの後に、あなたのfadeOutの前にコードを追加して何でもすることができます...

0
追加された
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript