兼顾jQuery UI效果的滞后

Question

在我的页面上，我同时在不同的div上运行一个show并隐藏效果，但是动画有点滞后。如果我在隐藏完成后运行show效果它根本没有延迟，所以我想知道是否有任何方法可以使这种延迟消失。

没有滞后的代码：

$(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

这可能不会滞后太多，因为它只是一种基于屏幕分辨率的光学错觉，与动画的持续时间相比，在该持续时间内的动画效果。这也部分是由于计算如何将持续时间分解为实际距离。如果您在一秒钟内对1000px进行动画处理，并使用相同的确切代码在一秒钟内对100px进行动画处理，您会发现一个比另一个更加波动，因为距离与持续时间的块不同。

同样，虽然分辨率，刷新率以及其他所有内容都会发挥作用。正如您当时可能正在进行的任何事情一样

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