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