не FadeIn дожидаясь конца анимации

руководство JQuery по поводу функции FadeIn:не FadeIn дожидаясь конца анимации

$("#book").fadeIn("slow", function() { 
    // Animation complete 
});

Но на моей странице, код внутри моей функции FadeIn не срабатывают один раз «анимации завершена», но тут же, я не понимаю почему.

$("#contact-callback").fadeIn(5000, function() { 
    $("#callback-message").fadeIn(150); 
    $("##callback-dismiss").fadeIn(150); 
    $("#tab-contact button .fa").removeClass('fa-circle-o-notch fa-spin').addClass('fa-paper-plane'); 
    $('#tab-contact #contact-form')[0].reset(); 
});

Я считаю, что я последовал за точную модель, описанную в руководстве, но это выглядит, я должен быть где-то не так, то почему бы не код внутри моей функции FadeIn ждать анимация будет завершена?

источник

2017-02-09 eloism

Какие анимации вы говорите, не завершена до следующего один работает? Вы говорите о '# contact-callback' или 2' $ .fadeIn() ', вложенном в обратный вызов? Кстати, у вас есть опечатка '## callback-reject' - и вы также должны опубликовать соответствующий HTML-код, создав для нас проверенную демо-версию http://stackoverflow.com/help/mcve –

Кажется, что вы работаете в небольшом тестовом примере с первым элементом: https://jsfiddle.net/L649z23k/. На какую часть вы ссылаетесь? Элемент 'contact-callback' установлен на' display: none' изначально? –

Здравствуйте, хорошо в соответствии с руководством, я думаю, что все внутри основной функции FadeIn (# contact-callback) предполагается запускать только тогда, когда анимация закончена правильно? Спасибо за опечатку, я сразу же добавлю демо! – eloism

Ваш код кажется прекрасным, ваша проблема, вероятно, находится где-то еще в вашем коде. Смотрите этот пример:

$("#contact-callback").fadeIn(2000, function() { 
 
    console.log("finished"); 
 
});

#contact-callback { 
 
    width: 100px; 
 
    height: 100px; 
 
    background: green; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id="contact-callback" style="display: none;"></div>

источник

2017-02-09 18:59:23

Спасибо, действительно, одна проблема была ошибкой типографии, но функция reset() по-прежнему начинается раньше, после быстрый поиск, кажется, не изолирован от меня, я могу попробовать альтернативу reset() и посмотреть, как это происходит! – eloism

не FadeIn дожидаясь конца анимации

ответ

Смежные вопросы