0

开发商!我正在开发一个促销网站,其中主页和子页面在同一个索引中。内容的转换发生在单击菜单时。好的。

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

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

但是,我在这个 .animate() 左转换中遇到了问题。从左到右,动画执行有时会出现很大的延迟。

例如,点击“O que é Music Lab?” 然后,单击“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();
});
4

2 回答 2

0

我的猜测是您与“o-que-e”类有多个链接。您的点击处理程序将它们全部调用。因此,您为每次点击制作不止一次动画。这可能会减慢速度。

于 2011-10-13T18:56:49.670 回答
0

这里有点晚了,但是当您处理大区域时(例如将 .inscricao 元素设置为动画左 -3986 像素)Chrome 尤其会遇到延迟。

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

于 2013-03-26T10:34:58.583 回答