Jquery .animate () игнорирует продолжительность анимации

Question

Jquery .animate () игнорирует продолжительность анимации

0

Для переменной fade_time установлено значение 3000, но анимация намного быстрее. Я также пробовал переходить в 3000 вместо пения переменной, но это не помогло. Вот мой код, любые идеи приветствуются.

$images.filter(':eq(' + current_pic_idx + ')').css({
    zIndex: 50
});
$images.filter(':eq(' + nextPic + ')').css({
    zIndex: 100,
    opacity: 0
}).animate({
    opacity: 100
}, {
    duration: fade_time,
    complete: function () {
        $images.filter(':eq(' + current_pic_idx + ')').css({
            zIndex: 0
        });

        current_pic_idx = current_pic_idx + 1;
        if (current_pic_idx == $images.size()) {
            current_pic_idx = 0;
        }

        window.setTimeout(showNextImage, timer_delay);
    }
});

user3061165 03 дек. 2013, в 12:38

Источник

0

пожалуйста, предоставьте скрипку с минимальным примером. Здесь слишком много кода, не имеющего отношения к вопросу.
Michał Rybak 03 дек. 2013, в 11:21
0

Мой единственный логический вывод заключается в том, что проблема именно в fade_time который, вероятно, не в числе, а в строке, не распознается jQuery как допустимое значение и имеет значение по умолчанию (400);
Roko C. Buljan 03 дек. 2013, в 11:21
0

это входит в complete функцию?
BeNdErR 03 дек. 2013, в 11:22
0

ваш код не устанавливает fade_time в любое значение, поэтому jQuery будет использовать значение по умолчанию (думаю, 400 мс)
Stephen Thomas 03 дек. 2013, в 11:22
0

@StephenThomas Переменная fade_time установлена в 3000, он говорит, что в первой строке вопроса.
Patsy Issa 03 дек. 2013, в 11:28
0

У меня есть именно эта проблема .. кто-нибудь решил, но не опубликовал решение или что они обошли это?
Mike Kormendy 31 окт. 2014, в 21:16

Показать ещё 4 комментария

Теги:

jquery

1 ответ

Ещё вопросы

пожалуйста, предоставьте скрипку с минимальным примером. Здесь слишком много кода, не имеющего отношения к вопросу.
Мой единственный логический вывод заключается в том, что проблема именно в fade_time который, вероятно, не в числе, а в строке, не распознается jQuery как допустимое значение и имеет значение по умолчанию (400);
ваш код не устанавливает fade_time в любое значение, поэтому jQuery будет использовать значение по умолчанию (думаю, 400 мс)
@StephenThomas Переменная fade_time установлена в 3000, он говорит, что в первой строке вопроса.
У меня есть именно эта проблема .. кто-нибудь решил, но не опубликовал решение или что они обошли это?

Patsy Issa · Answer 1 · 2013-12-03T08-41-00.000Z

Попробуйте использовать следующий синтаксис:

.animate({
    opacity: 100
}, fade_time, function () {
        $images.filter(':eq(' + current_pic_idx + ')').css({
            zIndex: 0
        });

        current_pic_idx = current_pic_idx + 1;
        if (current_pic_idx == $images.size()) {
            current_pic_idx = 0;
        }
     window.setTimeout(showNextImage, timer_delay);
    });