JQuery Scrollable忽略.delay()

Question

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

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

最终的结果是垂直方向不会一直移动，up...it只是移动了几个像素

Answer 1

.delay()是为动画而设计的。请尝试使用window.setTimeout。例如：

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