javascript - 滞后于同时出现的 jQuery UI 效果

Question

在我的页面上，我在不同的 div 上同时运行带有幻灯片的显示和隐藏效果，但动画有点滞后。如果我在隐藏完成后运行显示效果，它根本不会滞后，所以我想知道是否有任何方法可以消除这种滞后。

没有延迟的代码：

$(currentPageID).stop().hide("slide", {"direction": "left"}, 1000, function(){
    $(pageID).show("slide", {"direction": "right"}, 1000);
});

有滞后的代码：

$(currentPageID).hide("slide", {"direction": "left"}, 1000);
$(pageID).show("slide", {"direction": "right"}, 1000);

Answer 1

这可能不会滞后太多，因为它只是基于您的屏幕分辨率的视错觉，与动画的持续时间以及在该持续时间的过程中动画的距离。这也部分归因于如何将持续时间分解为实际距离的计算。如果您在一秒钟内制作跨越 1000 像素的动画，并在一秒钟内使用相同的代码制作跨越 100 像素的动画，您会注意到一个比另一个更不稳定，因为距离与持续时间的块不同。

同样，分辨率、刷新率和所有其他因素也会发挥作用。就像您当时可能正在进行的其他任何事情一样

您提供的两个代码示例之间的区别在于，一个在完成向左等待轮到它时向右运行方向。代码读取的另一种方式是一个到另一个，除了处理它之外几乎没有暂停。