2

この行が実行されていない理由を誰か教えてもらえますか$("#opening-first").fadeOut()??

$(document).ready(function(){

  $("#opening-first").fadeIn(1000).delay(1000, function() {
    $("#opening-second").fadeIn(1000, function() {
     $("#opening-first").fadeOut(1000, function() {
      $("#body-overlay").delay(1000).fadeOut(1000);
     });
    });
  });
});

これはかなり簡単なようです。HTMLは次のとおりです。

<div id="body-overlay">
  <div class="centered">
      <h1 id="opening-first">My name is Trevor Hinesley.</h1>
          <p class="medium" id="opening-second">And I like creating.</p>
  </div>
</div>
4

1 に答える 1

2

最初の遅延が原因で、コードが機能していません。ご覧のとおり、 の 2 番目のパラメーターはdelay()、キュー名の文字列である必要があります。関数stop()または「キュー」を使用する他のメソッドでそのキュー名を再利用できますが、ここで行っていることではないため問題ありません。

2 番目のフェードインを遅らせたい場合、コードは次のようになります。

$("#opening-first").fadeIn(1000, function() {
    $("#opening-second").delay(1000).fadeIn(1000, function() {
        $("#opening-first").fadeOut(1000, function() {
            $("#body-overlay").delay(1000).fadeOut(1000);
        });
    });
});

フィドル: http://jsfiddle.net/rk4Bz/

于 2013-05-17T00:18:56.047 に答える