0

タイトル失礼します 編集よろしくお願いします

とにかく、これは私がこれまでに持っているコードです

$('#foo').click(function() {

  $('#foo2').html('<h4>Please wait...</h4>').fadeOut('fast');

  var sful = $('#foo3').fadeIn('fast').html('<h4>Success!</h4>').fadeOut('slow');
  setTimeout(sful, 4000);

});

私は#foo2をクリック時にフェードインさせ、次にフェードアウトさせ、その後#foo3 (var sful) をフェードイン/アウトさせようとしています。

4

2 に答える 2

1 
$('#foo2').html('<h4>Please wait...</h4>').fadeOut('fast', function() {
  var sful = $('#foo3').fadeIn('fast').html('<h4>Success!</h4>').fadeOut('slow');
  setTimeout(sful, 4000);
});

コールバック(function() { ..アニメーションが終了した後に実行されます。http://api.jquery.com/fadeOut/ (具体的にはセクション) を参照してください) [,callback]。

于 2012-04-26T17:44:55.413 に答える
0 
$('#foo2')
          .html('<h4>Please wait...</h4>')
          .fadeOut('fast', function() {  // callback start after fadeOut()
                             setTimeout(function() {
                                 $('#foo3')
                                       .fadeIn('fast')
                                       .html('<h4>Success!</h4>')
                                        .fadeOut('slow');
                              }, 4000);
                           });
于 2012-04-26T17:44:44.267 に答える