画面の下部からバブルが上昇すると同時に、不透明度0から不透明度100になるjQueryアニメーションがあります。
クリックするとバブルが消える別の関数を作りたいです。
これは問題を引き起こしますか?2 番目の関数内で最初の関数を参照し、停止するように命令する必要がありますか? もしそうなら、発生しているアニメーション機能を停止するコードサンプルを投稿できますか.
画面の下部からバブルが上昇すると同時に、不透明度0から不透明度100になるjQueryアニメーションがあります。
クリックするとバブルが消える別の関数を作りたいです。
これは問題を引き起こしますか?2 番目の関数内で最初の関数を参照し、停止するように命令する必要がありますか? もしそうなら、発生しているアニメーション機能を停止するコードサンプルを投稿できますか.
ちょっとした疑似コード:
$("#bubble").animate({
top: 0,
opacity: 1
}, 2000);
$("#bubble").on('click', function() {
$(this).stop(true, true).hide();
});
アニメーション化された要素を停止するにはstop()を使用し、非表示にするにはhide()を使用できます。
$("elements").stop();
$("elements").animate( ... );