JQuery Scrollable 忽略 .delay()

Question

我正在尝试让 JQuery Tools Scrollable 暂停淡出，然后转到页面上的下一个垂直部分。这是代码。

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

最终结果是垂直方向没有一直向上移动……它只是移动了几个像素

Answer 1

.delay() 专为动画设计。尝试改用window.setTimeout。例如：

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