javascript - 淡入脚本不起作用？

Question

我有以下脚本:

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");    
      });
    });

Here is a link to the page in question.

Answer 1

demo page并且您的 OP 包含不同的代码。

your demo page 上的 JavaScript正在寻找#sp-container，但您的容器使用的是class，而不是id。应为 .sp-container。