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腳本無法正常工作？

回答

相關問題