Question

开发！我正在开发一个促销网站，主页和子页面在同一索引中。内容的转换发生在单击菜单上。好。

有4个子页面。两个在左边，两个在右边。当点击左边的第一个选项时，第二个隐藏。当点击第二个选项时，第一个隐藏。

你可以在这里看到更好：http://www.safiradigital.com.br/kennermusiclab/

但是，我在这个.animate（）左转换中遇到了问题。从左到右，有时会对动画执行产生很大的延迟。

示例，点击“OqueéMusicLab？”之后，点击“Inscrição”。你看到身体转变有很大的延迟。

任何人都有解决方案来修复.animate（）的延迟错误？

我的JS是：

$(".o-que-e").click(function() {
    $(".content-geral").animate({
        left: '195'
    },2700); // Durante 2700 milisegundos
    $(".videos-interna").hide();
    $(".o-que-e-interna").show();
}); // Finaliza o click

$(".galeria-videos").click(function() {
    $(".content-geral").animate({
        left: '195'
    },2700);
    $(".videos-interna").show();
    $(".o-que-e-interna").hide();
    }); // Finaliza o click

$(".inscricao").click(function() {
    $(".content-geral").animate({
        left: '-3986'
    },2700);
            $(".regulamento-interna").hide();
            $(".inscricao-interna").show();
});

$(".regulamento").click(function() {
    $(".content-geral").animate({
        left: '-3986'
    },2700);
    $(".inscricao-interna").hide();
    $(".regulamento-interna").show();
});

Answer 1

我的猜测是你有超过一个类'o-que-e'的链接。你的点击处理程序会调用它们。因此，每次点击都会动画多次。这可能会减慢速度。

Answer 2

这里有点晚了，但是当你处理大片区域时（例如动画.inscricao元素为-3986像素），Chrome特别容易受到延迟的影响。

在这里查看我的答案，也许会有所帮助：https://stackoverflow.com/a/15634773/2211053

jQuery Animate proprierty Lag

2 个答案: