2011-11-17 66 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