このトピックは、stackoverflow で以前に議論されたことを知っています。しかし、すべての結果が私の問題を解決するのに役立つわけではありません。
次のように「フォーム」jQueryプラグインを使用します。
$(document).ready(function() {
$('#myForm').ajaxForm({
data: { Ajax: '1' },
beforeSubmit: beforeSEND, // pre-submit callback
success: resultHANDLE // post-submit callback
});
});
function beforeSEND () {
$('#myForm').fadeTo(0, 0.5);
$("textarea").addClass('loading');
$("textarea").animate({backgroundPositionX: 0},1500});
}
function resultHANDLE (responseText) {
// Do somethig with the result
}
beforeSEND 関数では、背景画像がテキストエリアに添付され、左から右に移動します。プログレスバーのようなもの。
私の問題:アニメーションが終了したかどうかに関係なく、Ajaxリクエストが発生し、結果が処理されます。アニメーションが終了するまで JavaScript を強制的に待機させ、その後にリクエストを送信するにはどうすればよいですか?
助けてくれて本当にありがとうございます!!