FadeIn脚本无法正常工作？

我有以下脚本：FadeIn脚本无法正常工作？

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，因为它被认为太没有在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.

来源

2012-09-06 L84

你到底在哪里？ – adeneo

@ adeneo - 编辑的问题。 – L84

基本的HTML标记是？ – epascarello

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

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

来源

2012-09-06 18:08:55 Sparky

-1

其实load-event文档说这个作品，哈哈，学习经验:)

我觉得你与load()功能误将ready()功能。

开关：

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

到

$j(document).ready(function() {

来源

2012-09-06 17:33:18 Phil

向下选民，关心评论？ – Phil

加载等待，直到所有加载完成，准备就绪。你的回答在这里无能为力解决问题。它也将在加载图像之前开始运行。 – epascarello

那是我的消息> http://api.jquery.com/load-event/之前从未读过，谢谢。 – Phil

尝试使用setTimeout()而不是延迟，并且在包裹延迟它的动画，去年9000ms。

jsFiddle DEMO

$('#loading').fadeOut('fast', function() { //Step 1 
    $("#sp-container").fadeIn("fast", function() { //Step 2    
     setTimeout(function() { $("#content-wrap").fadeIn("slow"); }, 9000); //Step 3 
    }); 
});

来源

2012-09-06 17:54:30

现在我在我的小提琴中尝试了'.delay（9000）'，这也起作用。嗯... –

FadeIn脚本无法正常工作？

回答

相关问题