0

私はjQueryを学んでおり、うまく機能する非常に単純なスクリプトを作成しました。ここで、この行を書くためのより良い方法があるかどうかを調べたいと思います。

$("form").submit(function() {
    $('div.beforeRecover').animate({ opacity: 'toggle' }, 300).delay(800);
    $('div.betweenRecover').animate({ opacity: 'toggle' }, 200).delay(1200);
    $('div.betweenRecover').animate({ opacity: 'toggle' }, 800);
    $('div.afterRecover').delay(1800).animate({ opacity: 'toggle' }, 1400);
    return false;
});

簡単に説明すると：

  1. フォームが送信される
  2. フォームフェード
  3. 読み込み中の gif が表示されます
  4. gif フェードのロード
  5. 確認メッセージが表示されます。

どんな助けにも感謝します！

4

1 に答える 1

1 
var fadeToggle = { opacity: 'toggle' };

$("form").submit(function() {

    $('div.beforeRecover').animate(fadeToggle, 300).delay(800);

    $('div.betweenRecover')
        .animate(fadeToggle, 200).delay(1200)
        .animate(fadeToggle, 800).delay(1800);

    $('div.afterRecover').animate(fadeToggle, 1400);

    return false;
});

実際、と呼ばれるまったく別のメソッドがあります.fadeToggle()

于 2012-08-31T18:58:03.380 に答える