JQuery Анимация собственности Lag - PullRequest
0 голосов
/ 13 октября 2011

разработчики!Я разрабатываю рекламный сайт, где домашняя страница и подстраницы находятся в одном индексе.Переход содержимого происходит по щелчку меню.Хорошо.

Есть 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();
});

Ответы [ 2 ]

0 голосов
/ 26 марта 2013

Здесь немного поздно, но когда вы работаете с большими областями (например, анимация элемента .inscricao слева -3986 пикселей), Chrome особенно страдает от задержек.

Смотрите мой ответ здесь и, возможно, это поможет: https://stackoverflow.com/a/15634773/2211053

0 голосов
/ 13 октября 2011

Полагаю, у вас более одной ссылки с классом 'o-que-e'.ваш обработчик кликов вызывает их всех.так что вы анимируете более одного раза для каждого клика.это может замедлить ход событий.

...