2011-11-17 62 views
0

我試圖讓JQuery Tools Scrollable暫停淡出,然後轉到頁面上的下一個垂直部分。這是代碼。JQuery可滾動忽略.delay()

$("#main").delay(3000).fadeOut(500).delay(500).data("scrollable").next(); 

當它着陸在最後一張圖像上時,它立即進入下一部分,沒有暫停。

我想這也

$("#main").delay(3000).fadeOut(500).delay(500).queue(function(){ 
    $("#main").data("scrollable").next(); 
    $("#main").dequeue(); 
}); 

最終的結果是,垂直不動一路攀升......它只是移動幾個像素

回答

1

.delay()是專爲動畫。請嘗試使用window.setTimeout。例如:

$("#main").delay(3000).fadeOut(500, function() { 
    function nextSection(o) { o.data("scrollable").next(); } 
    window.setTimeout(nextSection, 1000, $(this)); 
}); 
+0

收到以下錯誤 $(本)。數據( 「滾動」)的next()。是不明確的 – Amazetbm

+0

我想我知道這個問題,看編輯 –

+0

工程就像一個魅力。謝謝 – Amazetbm