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));
});