1

私は次のスクリプトを持っています：

var $j = jQuery.noConflict();
$j(window).load(function () {
    $j('#loading').fadeOut('fast', function () { //Step 1
        $j("#sp-container").fadeIn("fast", function () { //Step 2
            $j("#content-wrap").delay(9000).fadeIn("slow"); //Step 3
        });
    });
});

スクリプトは、ステップ3まで正常に機能します。ステップ3も、想定どおりにdivでフェードインしません。このスクリプトが機能しないのはなぜですか？どうすれば修正できますか？

私が除外しているもの：

ステップ1：ページの読み込みとスクリプトの起動に関するコンテンツ

ステップ2：約9秒間実行されるスプラッシュ画面があります。

ステップ3：アニメーションコンテンツの後-ラップdivがフェードインします。

HTML：

<div id="loading"> 
  <!-- CONTENT --> 
</div>

<div id="sp-container">
  <!-- CONTENT --> 
</div>

<div id="content-wrap">
  <!-- CONTENT --> 
</div>

注：スプラッシュアニメーションを追加する前は、JSは次のように見えました。問題なく機能しました。

 var $j = jQuery.noConflict();
$j(window).load(function() {
  $j('#loading').fadeOut('slow', function() {
          $j("#content-wrap").fadeIn("slow");    
      });
    });

問題のページへのリンクは次のとおりです。

4

3 に答える 3

2

デモページ とOPには異なるコードが含まれています。

デモページのJavaScriptが探して#sp-containerいますが、コンテナはを使用していますが、を使用してclassいませんid。する必要があります.sp-container。

于 2012-09-06T18:08:55.803 に答える
0

setTimeout()遅延の代わりに使用して、最後の9000ミリ秒の遅延アニメーションをラップしてみてください。

jsFiddleデモ

$('#loading').fadeOut('fast', function () { //Step 1
    $("#sp-container").fadeIn("fast", function () { //Step 2            
        setTimeout(function () { $("#content-wrap").fadeIn("slow"); }, 9000); //Step 3
    });
});​
于 2012-09-06T17:54:30.470 に答える
-1

実際にロードイベントのドキュメントには、これは機能すると書かれています、ハハ、学習経験:)

ready()関数と関数を間違えていると思いますload()。

スイッチ：

$j(window).load(function() {

に

$j(document).ready(function() {
于 2012-09-06T17:33:18.210 に答える